1、元素類型的定義
1-1、行內元素
行內元素主要是指strong或span之類的元素，該元素不會在元素之前或者元素之後生成“行分隔符”；
行內元素會水平排列成一行；
行內元素又分爲置換元素和非置換元素；
1-2、 塊級元素
塊級元素主要是指div或者標題之類的元素，這些元素獨佔一行，多個塊級元素在正常流中垂直排列。
1-3、空元素
沒有閉合標籤的元素，常見的有img、hr、br、input、link、meta等；
給空元素設置閉合標籤是無效的
2、元素分類
行內置換元素：img、input、textarea、select
行內非置換元素：a、span、em、i、strong、b、label、sub、sup
塊級元素：div dl dd dt h1~h6 header footer form ul ol li hr p table
3、二者的區別
1> 行內元素水平排列；塊級元素垂直排列
2> 行內元素不支持width和height屬性，它的width屬性是由其內容撐開的；而塊級元素可以設置width和height屬性；
3> 塊級元素可以包含行內元素和塊級元素；但是行內元素不能包含塊級元素，只能包含行內元素和文本內容；
4>塊級元素可以設置margin屬性和padding屬性；行內元素也可以設置margin屬性和padding屬性，對於行內非置換元素只有水平方向生效，即left值和right值生效，但是垂直方向的值不生效；
4、行內元素和塊級元素的轉換
塊級元素和內聯元素可以通過`display`屬性來轉換：
1>將一個塊級元素的
display屬性設置爲inline，塊級元素就被轉換成了內聯元素；
2> 將一個內聯元素的display屬性設置爲block，內聯元素就被轉換成了塊級元素；
3> 將元素的display屬性的值設置爲inline-block，也可以爲元素設置寬高值；但是該值不支持IE6/7