怎样区分margin和padding,css的margin和padding什么时候有效设么时候无效?

css的margin和padding什么时候有效设么时候无效当元素是行内元素的时候如:i,a,span 。margin,padding是无效的 。可以设置a{display:block;或者display:inlinear-block;}

怎样区分margin和padding,css的margin和padding什么时候有效设么时候无效?

文章插图
border和padding之间是什么【怎样区分margin和padding,css的margin和padding什么时候有效设么时候无效?】margin叫边界手册上叫外补丁,padding是填充内补丁,在他们之间有一个边界border 。
怎样区分margin和padding,css的margin和padding什么时候有效设么时候无效?

文章插图
CSS里的padding是什么意思1. padding是内边距的意思,相对于margin外边距 。
2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域 。
3. padding 接受长度值或百分比值,但不允许使用负值 。
4. 示例:如果希望所有内边距都是10 像素,只需要设置:padding:10px; 就可以了 。
5. 也可以分别设置4个边的内边距,只需通过它们的单独属性,分别设置上、右、下、左内边距: * padding-top * padding-right * padding-bottom * padding-left简写就是:padding:1px 2px 3px 4px; (上右下左),此写法符合标准,推荐使用 。
margin在网页设计如何去掉方法: *{margin:0;padding:0} // *号代表所有的标签,这样就可以清楚margin属性了 。
padding和margin的使用

? margin和padding的用法:
padding和margin后面可以跟1或2或3或4个数,按照顺序分别是上,右,下,左 。具体的操作如下:
(1)padding(margin)-left:10px;左内(外)边距;
(2)padding(margin)-right:10px;右内(外)边距;
(3)padding(margin)-top:10px;上内(外)边距;
(4)padding(margin)-bottom:10px;下内(外)边距;
(5)padding(margin):10px;四边统一内(外)边距;
(6)padding(margin):10px 20px; 10px是上下内(外)边距;20px是左右内(外)边距
(7)padding(margin):10px 20px 30px; 10px是上内(外)边距;20px是左右内(外)边距;30px是下内(外)边距;
(8)padding(margin):10px 20px 30px 40px; 10px是上内(外)边距;20px是右内(外)边距;30px是下内(外)边距;40px是左内边距;
css设置原则这个原则是80%的时间都在写width,height,margin,padding,border,float,position这些属性,20%的时间在写其它的,所以前面提到的这些属性在何种情况下如何表现就显得很重要了,另外这些属性本来也是比较难以控制,然后大家会发现这些属性都是与布局相关的属性,也就是说布局是CSS里相当重要的一块,甚至可以说是最重要的一块儿 。
css模式是什么css模型可以说,页面就是由一个个盒模型堆砌起来的,每个HTML元素都可以叫做盒模型,盒模型由外而内包括:外边距(margin)、边框(border)、内边距(padding)、内容(content) 。它在页面中所占的实际宽度是margin + border + padding + content 的宽度相加 。
css的盒模型有两种:标准盒模型和IE盒模型 。

    推荐阅读