1.块元素(独占一行!即使通过css设置宽度width,也会占一行的位置)
块元素的居中问题
块级元素左右居中:先设置自身width;然后,margin: 0 auto;
div(无语义)
列表 ur/ol/li
段落 p
标题 h1-h6
自定义列表 dl/dt/dd
2.内联元素(行内)[不支持width, height, margin上下,padding上下]
子级内联元素之间有间隙,可以把父级元素font-size设置为0,子级单独设置font-size
内联元素居中:由于内联元素自身不支持width,使用在父级元素设置text-alian : center 的解决方案
span(无语义)
超链接标签 a
src可以为空,但一定要写
常用内联元素
3.内联块元素(支持全部样式的内联元素)
可以把内联块元素看做内联元素的进化版,
通过设置float属性也会将元素转换为内联块
通过定位属性fix, absolute都可以将元素转换为内联块
设置样式 display: inline-block;
转换为内联块