块元素和内联元素

常用的块级元素标签：

address , center , div , dl , form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li

块级元素的特征：
①总是在新行上开始，独占一整行；
②不设置width时，撑满一行；
③支持所有CSS命令；
④可以容纳内联元素和其他块元素。
(p标签、h标签、td标签内不允许再嵌套块元素！)

常用的内联（内嵌）元素标签：

a , b , br , em , font , img , input , label , select , small , span , textarea

内联元素的特征：
①各内联元素可放在同一行；
②不支持宽高width/height设置；（其宽度随着内容增加，高度随字体大小而改变）
③可以设置margin，但是不对上下起作用，只对左右起作用；
④可以设置padding，但是在ie6中不对上下起作用，只对左右起作用；
⑤代码换行被解析。（两个内联标签之间若换行写，则解析成一个空格）

块元素和内联元素的转换：

块元素→内联元素：
花括号内添加一句

display: inline;

内联元素→块元素：
花括号内添加一句

display: block;

△注意：display不会改变元素的本质，仅仅改变显示效果

综合设置

display: inline-block

①使块元素可以在同一行显示；
②使内联元素可以设置宽高属性；
③不设置宽度时，内容撑开宽度；
④代码换行被解析；
⑤ie6、ie7不支持该设置。