Login
网站首页 > 文章中心 > 其它

cssmargin什么意思_margin在css中是什么意思

作者:小编 更新时间:2023-07-27 09:22:15 浏览量:480人看过

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中是什么意思相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章