哪些元素margin 0 padding 0

2024-11-08

css reset 以及哪些元素有默认margin padding值

很多网站在css reset 的时候有如下做法: body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd,fieldset, img { margin: 0; padding: 0; border: 0; list-style: none; } 也许你有些许怀疑,上面列出的标签都有默认的 margin 和 padding 值么,是不是不管三七二十一, 就统统直接 margin:0 , padding:0 呢?

html,body { margin:0; padding:0;border:0}

body,html /* 设置窗口DIV为浏览器大小*/ { margin:; padding:; height:100%; } 下面代码 <!DOCTYPE html> <html lang="en"> <head> <style> #side{ float:left; width: 30%; height: 300px; background-color: #99FF99; } #main{ margin-left:30%; widt

网页CSS中*{margin:0; padding:0;}有什么用

* 这东西叫“通配符”用来匹配页面上所有元素.*{margin:0; padding:0;} 像 2L 所说,body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置.(注:不是没它不行,只是方便而已) 你加上面那句后页面乱,那是当然的,因为你没加时是基于有默认的margin或padding 进行设置的,去掉了默认值,就当然会乱了.咋办?一,就是不加*{margin:0; padding:0;}

为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器？

为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器? ul标签在FF中默认是有padding值的,而在IE中仅仅有margin默认有值.请看下面不同浏览中对padding.margin的默认值是多少? IE效果: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=

网上的CSS例子编写都不太严谨，如*{ margin:0;padding:0;}

margin:0;padding:0; 一般情况下不可以用 *{margin:0;padding:0;} 来适配. 保证自己的严谨代码编写风格.

不建议使用*{margin:0; padding:0}？

是不建议用的,应该把具体的标签名都列出来,有时别人在写示例时为了方便会直接这么写; body{ magin:0;padding:0; }这种,就是清除浏览器有可能默认设置边距: 因为“在全局范围使用*号,会极大的消耗资源,所以不建议在全局使用”

HTML元素margin、padding的默认值

HTML元素margin.padding的默认值 element margin(单位像素) padding html 0 0 body 8 0 div 0 0 h1 21 0 h2 19 0 19 0 0 h3 18 0 18 0 0 p 16 0 16 0 0 ul 16 0 16 0 0 0 0 40 li 0 0 td 0 1 dl 16 0 16 0 0 dt 0 0 dd 0 0 0 40 0 body,h1,h2,h3,h4,h5,h6,p,ul,dl,dd{margin:0;pad

关于margin、padding 对内联元素的影响

内联元素和块级元素的区别是新手必须要掌握的知识点.大家可能平时注意块级元素比较多.所以这里重点让我们来讲讲常见的width height margin padding 对inline元素的影响. 测试代码(在谷歌浏览器运行版本 49.0.2623.87 m,火狐效果同谷歌) <style type="text/css"> * { margin: 0; padding: 0; } body{ font-size: 12px; font-family: "微软雅黑&

web兼容学习分析笔记-margin 和padding浏览器解析差异

二.margin 和padding浏览器解析差异只有默认margin的元素 <body>margin:8px margin:15px 10px 15px 10px(IE7) <blockquote> 定义长的引用 margin:18px 40px 18px 40px margin:30px auto 30px auto(IE7) <dl> 定义列表详情 margin:18px 0 18px 0 margin:auto(IE7) <h1>

Angular 2.0 从0到1 （四）

第一节:Angular 2.0 从0到1 (一)第二节:Angular 2.0 从0到1 (二)第三节:Angular 2.0 从0到1 (三)第四节:Angular 2.0 从0到1 (四)第五节:Angular 2.0 从0到1 (五)第六节:Angular 2.0 从0到1 (六)第七节:Angular 2.0 从0到1 (七)第八节:Angular 2.0 从0到1 (八) 番外:Angular 2.0 从0到1 Rx-隐藏在Angular 2.x中利剑番外:Angular 2.0 从0

margin和padding理解

W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层. 盒模型主要定义四个区域:内容 (content).边框距(padding)即内边距.边界(border)和外边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background- image,padding,content,border之间的层次.关系和相互影响.这里提供一张盒模型的平面示意图,希望便于

关于网页布局中常见的margin: 0px ; padding: 0px; 总结

我们在网页布局中常用到margin: 0px; padding: 0px; 但是在大型的网站布局中通常不这样写通常是按下面这种方式. ul, li, ol, dl, dt, dd, div, p, span, h1, h2, h3, h4, h5, h6, a { padding: 0px; margin: 0px; } 但是经过本人的逐一验证发现有的标签的初始化margin 和padding没有值,本人总结如下 dl上下外边距16px dd左边距40px p标签上下外边距为16px h1上下

margin和 padding 以及 float :left和float :right的介绍

1.margin和padding的介绍 margin是外边距,padding是内边距,用CSS时首先要做的就是把所有标签的margin和padding清空.这样更容易控制布局和兼容浏览器. p li等标签都是默认有margin的清空方法:*{margin:0; padding:0;} *是通配符,表示所有标签元素. CSS把每个元素视为一个“Box(盒子)”,通过排列大大小小的多个“盒子”,完成页面的呈现. 关键是记着盒子模型其实是“一个套一个”的多个矩形,知道“Border”.“Paddi

margin、padding单位百分比

年前做了一个测试题 https://www.wenjuan.com/s/VjaEva/,里面有一道题目涉及到了margin和padding单位为百分比的情况.写出来记录一下以防止自己忘记. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&g

reset 去掉margin和padding的默认代码，其余根据自己的情况做调整

body, dl, dd, h2, h3, h4, h5, h6, p, form{margin:0;} ol,li,ul{margin:0; padding:0;} h1{margin:10px 0 0;}可以选择性的加h标签等,看你用不用得到

常用元素默认margin和padding值问题探讨

关于默认元素在不同浏览器中的margin值是多少的问题,今天做了一个探讨复制代码代码如下: // body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; Internet Explorer 7.0 ----------- b

margin和padding对行内元素的影响

这个是在面试的时候,面试官问我的一个小问题自己没有考虑过inline元素设置margin和padding的问题学习的过程记录下来 1)inline元素的高度是由元素的内容决定的(字体的大小和行高) 比如你对一个a标签设置它的高度是没有效果的 2)HTML元素分为替换元素和非替换元素替换元素指的是作为其他的元素占位符的一个元素例如img 非替换元素指内容包含在文档中的元素 <p>hahaha</p>这个p就是一个非替换元素区分替换与非替换的方法:替换元素浏览器会根据标

inline元素的margin与padding

替换元素与非替换元素替换元素(replaced element):所谓替换元素就是浏览器根据元素的标签和属性,来决定元素具体显示什么内容.比如说:img标签的src属性的值用来读取图片信息并且显示出来.又比如说,input标签的type属性决定是显示输入框还是单选按钮.html中的img.input.textarea.object.video.embed都是替换元素. 非替换元素(non-replaced element): 是指内容包含在文档里的元素.比如p.span等等. margin-t

谷歌笔试题--给定一个集合A=[0,1,3,8](该集合中的元素都是在0，9之间的数字，但未必全部包含)，指定任意一个正整数K，请用A中的元素组成一个大于K的最小正整数。

谷歌笔试题--给定一个集合A=[0,1,3,8](该集合中的元素都是在0,9之间的数字,但未必全部包含), 指定任意一个正整数K,请用A中的元素组成一个大于K的最小正整数. Google2009华南地区笔试题给定一个集合A=[0,1,3,8](该集合中的元素都是在0,9之间的数字,但未必全部包含),指定任意一个正整数K,请用A中的元素组成一个大于K的最小正整数.比如,A=[1,0] K=21 那么输出结构应该为100. <pre name="code" class="

关于js拖拽功能，拖拽元素的position:fixed;left:0;right:0;样式引起左右拖动元素会出现落后鼠标移动距离的问题

被拖拽元素的样式如果为:position:fixed;left:0;right:0;(当时是为了让fixed定位的元素水平居中加的left:0;right:0;避免js动态计算定位的麻烦)时左右拖动会出现拖动元素落后鼠标移动距离的问题,去掉right:0就可以了,而且如果只是去掉left:0还不行,还会是一样的情况...在chrome和IE下测试的情况,我的js是通过修改元素的left和top来实现拖动的,如果是right和top估计必须要去掉left才可以,这个以后有时间再测.

C语言：将3*5矩阵中第k列的元素左移到第0列，第k列以后的每列元素依次左移，原来左边的各列依次绕到右边。-在m行m列的二维数组中存放如下规律的数据，

//将3*5矩阵中第k列的元素左移到第0列,第k列以后的每列元素依次左移,原来左边的各列依次绕到右边. #include <stdio.h> #define M 3 #define N 5 void fun(int (*a)[N],int k) { int i,j,p,temp; /**********found**********/ ; p<= k; p++) ; i<M; i++)//总共三行,三次循环 { temp=a[i][];//每一行记录第一个元素 /*********

哪些元素margin 0 padding 0

热门专题