css补充要点说明

1:margin:0 auto;

自适应居中

css补充要点说明_第1张图片

css补充要点说明_第2张图片

在你缩小浏览器宽度的时候,会先缩小外部容器的长度,然后再缩小内部容器的长度,并且在这个过程中,内部容器始终居中

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,行级块元素文字的对齐方式:

看下面

css补充要点说明_第3张图片

css补充要点说明_第4张图片

底部对齐没错吧,我现在在span中加几个字

css补充要点说明_第5张图片

css补充要点说明_第6张图片

发现行级块元素外的文字和他内部的文字对齐了,而且外面的文字始终是和里面的文字位置相同的

css补充要点说明_第7张图片

css补充要点说明_第8张图片

发现还是底端对齐

你可能感兴趣的:(CSS)