padding内边距 ,如果元素 height:10px; padding-top:10px; 元素实际的高度贺橘就20px了禅颤团。内边距相当于在自身内"撑开"。
margin外边距 ,不洞芹会将元素"撑开"。
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
一、padding
(1)padding-left:10px; 左内边距
(2)padding-right:10px; 右内边距
(3)padding-top:10px; 上内边距
(乎虚4)padding-bottom:10px; 下内边距
(5)padding:10px; 四边统一内边距
(6)padding:10px 20px; 上下、左右内边距
(7)padding:10px 20px 30px; 上、左右、下内边距
(8)padding:10px 20px 30px 40px; 上、右、下、左内边距
二、margin
(1)margin-left:10px; 左外边距
(2)margin-right:10px; 右外边距
(3)margin-top:10px; 上外边距
(4)margin-bottom:10px; 下悔庆外边距
(岁前燃5)margin:10px; 四边统一外边距
(6)margin:10px 20px; 上下、左右外边距
(7)margin:10px 20px 30px; 上、左右、下外边距
(8)margin:10px 20px 30px 40px; 上、右、下、左外边距
外边距
margin:0;
就是上下左右边距都是0
外边距,0 就表示,外边距为0
margin表示一个盒子模型的外边距,margin: 0; 表示上下左右的外边距均为0。
默或核认情况下,html标签都有margin属性外边距,如果不设置0,会有间距不好看,为了清理这坦祥个默认的间距,所有需要给元素设置css属性margin:0
margin:0 为简写,意思是上下左右全部设置外边距为0,如果要设置右间距为10px,其它方向为0
可以这么设置 margin:0 10px 0 0 意思为 上外边距为0 右外边距为10px 下外边距为0 左外边距为0
写到这里应该明白了吧 margin简写顺序为 上衫信掘 右 下 左
更多教程:lanye.org
元素有外边距贺察稿、内边距,搜索下:css盒模型。Margin就是外边距。负数用在特没芹殊情况,比如你可以搜索这个例子禅孝看下就明白了:css负边界定位
margin是外边距,可绝粗以理解为两个相邻元素的border(即边框)之间的距离银穗。
当margin值为负数时,表现为拉近相邻元素之间的锋宏卜距离。
这里回答的比较片面...
Margin:上边距 右边距 下边距 左边距
当后面跟两个参数时,就是
Margin:上虚漏下边亮誉陪距 左右边距
跟一个参数时,就四个边距
Margin:四边距敬蠢
至于后面的auto是自动检测边距
这样的应用条件并不多
margin:0 auto;用于ff下的水平居中;除非每个元素都需要这样的效果才有必要陪孝搜用到*{margin:0 auto;},实慎基际上这个情况应该非常少见
事实上一般多用*{margin:0;padding:0}是用于芦历消除IE和FF对body\ul默认效果不一致而作的预先统一。
margin:0 auto;表示此容器相对于他的父容器水平居中(这个是经常用的噢,正让特别是在firefox中很多时候text-align会不旅盯起作用,举镇局就要用这个了)
margin:0 2px; 只写2个表示表示 上 下;
margin:0 auto 0px; 这个写法没见过,感觉是不是写错了!
以上就是土嘎嘎小编大虾米为大家整理的cssmargin什么意思_margin在css中是什么意思相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!