html5和css基礎設計之實驗四

標籤：html5和css選取器

項目一總結：

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基礎設計之實驗四