1.块元素(block)
1,可以识别宽度高度
2,独立占一行(上下排列)
div p h1-h6 ul li ol dl dt dd form table
2内联元素(inline)
span a i em b strong
1,不识别宽度和高度
2,不会独立占一行(左右排列)
注意:内联元素在解析padding-top padding-bottom margin-top margin-bottom
的时候个别属性显示不正确
3.内联块元素(inline-block)
img input
1,可以识别宽度高度
2,不会独立占一行(左右排列)
元素类型是通过display进行转换行的
display:block/inline/inline-block/none
如果给内联(行内)元素添加了float就相当于转了元素类型
4.display:none 不显示
当display的属性值不为none(可以为inline inline-block block)的时候就显示
本文详细介绍了CSS中的三种元素类型:块元素、内联元素及内联块元素的特点与使用场景。块元素能识别宽度和高度并独立占一行;内联元素不识别宽度高度且左右排列;内联块元素能识别宽高但不会独立占一行。此外,还介绍了如何通过display属性转换元素类型。
176万+

被折叠的 条评论
为什么被折叠?



