瞭解哪些塊級元素，行級元素？
CSS規範規定，每個網頁元素都有一個display屬性，用於確定該元素的類型，每個元素都有默認的display屬性值，
比如div元素，它的默認display屬性值爲block，成爲塊級元素；而span元素的默認display屬性值爲inline，稱爲行內元素。
div這樣的塊級元素，就會自動佔據一定矩形空間，可以通過設置高度、寬度、內外邊距等屬性，來調整矩形的樣子。
span、a等行內元素沒有自己的空間，是依附於其他塊級元素存在的，因此設置高度、寬度等屬性都是無效的。
常見的行內元素有a、br、em、input、span、strong、textarea、select、sub等等
常見的塊級元素有div、form、h1-6、hr、ol、ul、p、table、dd、dl、dt、td、tr、th
可變元素可根據上下文語境決定該元素爲塊元素或行內元素
applet、button、del（刪除文本）、iframe、ins（插入文本）、map、object、script
display有哪些屬性值？
none、block、inline、inline-block、inherit（從父元素繼承）
position有哪些屬性值？
absolute、fixed、relative、static、inherit
Doctype有哪些類型？
過渡類型、嚴格類型（不能使用任何表現層的標識和屬性）、框架類型（頁面中包含框架）
如何清除浮動？
方法一：在父級元素添加overflow：hidden；
方法二：統一樣式，新建一個樣式選擇器CSS命名爲".clear"，樣式爲clear：both；
在父級</div>結束前加此div引入class=“clear”樣式，即可清除浮動。
方法三：使用僞元素來清除浮動
.clearfix:after{
content:"";//設置內容爲空
height:0;//高度爲0
line-height:0;//行高爲0
display:block;//將文本轉爲塊級元素
visibility:hidden;//將元素隱藏
clear:both//清除浮動
}
.clearfix{
zoom:1;爲了兼容IE
}
CSS3的box-sizing：content-box || border-box || inherit
在網頁排版設計中最經常用到的是，ul li,在ul li中我們爲了好看往往會加邊框，這樣顯的工整。
加上box-sizing：border-box以後，border和padding則是被包含在寬高之內的，哪怕padding和border加很多他也不會變行。