对于每一个CSS网页元素,都有一个默认的display属性,用于确定其元素类型。
默认为display: block
块级元素,它的内容自动开始一个新行。可以通过设置高度、宽度、内外边距等设置这个元素。
常见块级元素:
div p form table ul li ol h1 h2 h3 h4 h5 h6 等
块级元素转换为内联元素:
设置属性display: inline
默认为display: inline
内联元素(行内元素),不会向用户呈现特殊效果,没有自己的独立空间,通常是依附于别的元素而存在,对其设置高度、宽度、内外边距等无效。
常见内联元素:
a b big i u input img label span br select
内联元素转换为块级元素:
设置属性display: block