css规定每个网页元素都有一个display属性,用于确定该元素的类型。
块级元素:(display:block)
div、p、ul、li、ol、dl、form、address、h1-h6、table、blockquote、fieldset、memu、center等
块级元素会独占一行,其宽度自动填满父元素宽度
可以设置width、height属性,即使设置了width,仍独占一行
可以设置margin、padding的top、right、bottom、left四个方向值
内联元素:(display:inline)
span、a、label、img、input、textarea、select、 cite、q、strong、em等,其中img、input、textarea属于特殊的内联元素inline-block
内联元素不会独占一行,相邻元素会排列在同一行内,直到一行排不下才会换行,其宽度随元素内容而变化
无法设置width、height属性
可以设置margin、padding的right、left值,无法设置top、bottom值(水平方向有效,竖直方向无效)
块级元素可以包含块级元素和内联元素,而内联元素只能包含内联元素,不能包含块级元素