項目一總結：

1、錨點鏈接為先設置<a href="#one"></a>再設置跳轉目標<h id="ones"></h>;

2、可以先設置display:none再設置:target{display:block;}實現跳轉顯示；

3、關於text-indent可以設置首行文本縮進

4、關於nth-child(odd)表示屬於父類的單數行孩子：nth-child(even)表示屬於父類的雙數行孩子

5、關於display：block。block元素會獨占一行，多個block元素會各自新起一行，默認情況下，block元素寬度自動填滿其父元素其父元素寬度；block元素可以設置長寬但是即使設置寬度仍然獨占一行；block元素可以設置margin和padding屬性

6、關於display：inline。inline元素不會獨占一行，多個相鄰的行內元素會排列在同一行裏，其寬度會隨內容而變化；inline元素的長寬屬性無效；inline元素的margin和padding水平方向有效，垂直方向不會產生邊距效果。

7、display：inline-block。inline-block既能夠多個元素（如div）放在同一行，又能夠設置長寬邊距。

7、可以全局設置字體和text-align屬性，text-align是一個很有用的屬性，可以設置內容居中顯示，如圖片、文字等。

8、刪除瀏覽器的默認樣式*{list-style:none;outline:none}。

9、可以適當設置hr來分割內容。

10、audio元素需要設置contros屬性。

11、在div相關盒子中的文字若想要設置上下左右居中需要將line-height設置為div高度，text-align設置為center。

本文出自 “10935469” 博客，請務必保留此出處http://10945469.blog.51cto.com/10935469/1957996

html5和css基礎設計之實驗四