margin:0 auto含义,CSS中margin的用法
各位老铁们好,相信很多人对margin:0 auto含义都不是特别的了解,因此呢,今天就来为大家分享下关于margin:0 auto含义以及CSS中margin的用法的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!
css margin:0 auto;为什么可以居中,0是什么意思,auto呢
margin是设置外边距的,它有四个值,margin:4px 5px 5px 5px;分别表示上边距,右边距,下边距,和左边距,是从上按顺时针设置的,如果单个设置,他又有margin-top:3px;margin-right:3px;margin-bottom:3px;margin-left:3px;如果margin后面跟着两个数值,则他表示,上下边距相同,左右边距相同,margin:0 auto;这其中0是上下边距都是0,auto是自动调整大小,在这里是左右边距相同,就是居中了
margin:0 auto 表示什么意思
1,margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto
2,auto你可以理解为一种自动/自适应的概念比如现在项目需要一个宽度为960px的整体布局居中,根据用户浏览器大小不同你将需要使用margin:0 auto;来实现,无论用户浏览器宽度为多少。
960px的定位宽度永远居中
3,margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后,在DW软件里即可看出margin设置值其实是在边框外距离,此样式设置对象(DIV)之间间距的样式
网页css代码的 margin:0 auto是什么意思
margin是外边距的意思,当一个元素样式属性里有margin:0 auto时,并且父元素的宽度是确定的,意思是这个元素处于其父元素的居中位置,并且这个元素的上下外边距为0。
margin还有其他配置类型:
margin-bottom:设置元素的下外边距。
margin-left:设置元素的左外边距。
margin-right:设置元素的右外边距。
margin-top:设置元素的上外边距。
扩展资料:
css的语言特点:
1、丰富的样式定义:
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改:
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!