(3)margin padding

margin和padding的简写规则相同,只拿margin举例

margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
上述情况四个方向的值相同可直接写成margin:10px

margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
上述情况四个方向的值不同可简写成margin:10px 20px 30px 40px 即第一个值是margin_top,最后一个值是margin_bottom的顺时针的顺序

margin-top:10px;
margin-right:20px;
margin-bottom:10px;
margin-left:20px;
上述情况四个方向中想对应的两个方向值相同.可以简写成margin:10px 20px 注意要把10px放前面

如果是数字值为0可以不加单位.否则所有的数字值必须加上单位.比如10px

(3)margin padding相关推荐

fieldset在ie8下的margin\padding bug规避
写在前面的话其实我不推荐使用fieldset这个标签,正如我们常常议论的那样这东西在不同的浏览器下确实操蛋,但是在一些老的项目中大量使用,所以还是有必要分析一下,fieldset到底有哪些怪毛病,如 ...
html标签默认属性值之margin;padding值
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16, ...
知方可补不足～CSS中margin,padding,border-style有几种书写规范
参考文章: http://www.w3school.com.cn 在我们使用CSS时,经常看到margin:0 0,margin:0 5px,padding:0 5px 10px;而它们研究是什么含义 ...
巧用margin/padding的百分比值实现高度自适应（
转载自https://segmentfault.com/a/1190000004231995 巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁) 布局自适应前端 cs ...
关于使用position:fixed之后附加margin/padding的一些影响细节
① 未设置(left/right/top/bottom属性)方位 -> 该元素表现为包裹性(与内联元素的效果相似,目前来说margin和padding与内联元素中的margin/pad ...
php内外边距,选择器与内外边距使用方法（margin,padding使用）-2019年9月4日
9月3日作业: 1. 实例演示相邻选择器与兄弟选择器,并分析异同相邻选择器:就是邻居的意思,从当前选择器后面的邻居,也就是挨得最近的一个. 兄弟选择器:就是同一父元素下面又是同级的元素,兄弟可以有多 ...
关于行内元素的margin padding一些说明；background-color的范围
①当对行内元素使用padding时,只有左右方向(正常)有效:竖直方向上,内边距对于该行内元素有效果,但是对其他元素无任何影响. ②当对行内元素使用margin时,只有左右方向有效,竖直方向无任何效果 ...
css margin padding 0,CSS 彻底理解margin与padding
我们在刚开始接触CSS的时候总是被margin和padding闹的晕头转向,什么时候设置margin,什么时候设置padding,不是太清楚,设置了以后在界面上看到的效果也差不多呀. 如何理解marg ...
CSS样式属性margin,padding详解
盒模型基本属性有两个:padding和margin. 以边框border为界,边框里面是内边距,边框外面是外边距. 一.外边距margin: 外边距是指边框以外与其他同级元素之间的距离,外边距可以控制 ...
CSS3 放飞自我1——margin,padding,border到底有啥关系？
在开始严肃地讨论技术之前,我想先说几句题外话.从今天开始呢,我将陆续更新一些有关于CSS3的一些我觉得很有必要了解的知识,也包括一些干货.这些东西不一定是难点,也不一定都是CSS3新出的,却是我觉得重 ...

(3)margin padding

(3)margin padding相关推荐

最新文章

热门文章