css补充要点说明
1:margin:0 auto;
自适应居中
在你缩小浏览器宽度的时候,会先缩小外部容器的长度,然后再缩小内部容器的长度,并且在这个过程中,内部容器始终居中
2,之前有过说明行级元素,块级元素,行级块元素的区别,
再说一下,
行级元素:元素的大小随元素的内容大小而变化,不可以通过css改变其宽高,例如:span,a,strong,em,del
块级元素:独占一行,可以通过css改变其宽高,例如:p,div,ol,ul,li,form,address
行级块元素:内容决定大小,可以通过css设置宽高,例如:img
现在再多说一点:设置了position:absolute和float:left/right 属性的元素,会变成行级块元素,即display:inline-block
3,行级块元素文字的对齐方式:
看下面
底部对齐没错吧,我现在在span中加几个字
发现行级块元素外的文字和他内部的文字对齐了,而且外面的文字始终是和里面的文字位置相同的
发现还是底端对齐