网页css代码的 margin:0 auto是什么意思

html-css019

网页css代码的 margin:0 auto是什么意思,第1张

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样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

把一个属性的值设置为auto,就是让各个浏览器对该属性使用各自的默认值。

定义一个方向为auto,让浏览器自动选择合适的margin(页边距)大小;

margin:0 auto可以实现水平居中,其相当于margin:0,auto,0,auto

margin:auto = margin:auto auto auto auto

margin:0 auto = margin:0 auto 0 auto

margin:n m p q表示该元素上外边bai距为n,右外边距为m,下外边距为p,左外边距为q,即 margin:上 右 下 左 ,逆时针一圈。

扩展资料:

“margin:20px”表示四个方向的外边距都是20px;

“margin:20px 40px”表示top为20px,right为40px;由于bottom和left缺省,所以自动将它们分别设为20px和40px。转化为第4种写法为:“margin:20px 40px 20px 40px”。

“margin:20px 40px 60px”表示top为20px,right为40px,bottom为60px;由于left缺省,所以自动将它设为40px。转化为第4种写法为:“margin:20px 40px 60px 40px”。

参考资料来源:百度百科-margin

height:auto 代表的意思就是高度随即,根据div和CSS样式表的变化而变化,是一个不定值,但是如果你中间插入的内容(例如图片)比较大的话,他会把图片全部显示出来,这是相对于内容来判断的而height:100%代表的是相对于DIV和CSS样式的大小填充到100%,而不是内容,由于我们大部分的DIV都是和内容大小差不多,所有没有明显的区别