行内元素块级元素区别
块级元素:display:block;可以设置width和height属性但是独占一行,
一般具有margin,padding属性
行内元素:display:inline;不可以设置width,height属性,
width和height由内部元素决定,margin只对水平有效;
行块元素:display:inline-block;有上面两种综合属性但是不独占一行。
通常块级元素搭建基础架构,内联元素处理细节
IE(低版本IE)本来是不支持inline-block的,所以在IE中对内联元素使用display:inline-block,理论上IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表象。
特殊
- 块级元素不能放在p里面(还有h1-h6,dt)
- li标签可以包含div
- 设计最后行级元素和行级元素并列块级元素和块级元素并列
- 块状元素可包含内联元素或某些块元素,但内联元素不可包含块元素,只能包含内联元素。