CSS3第六章上機二主要包括了對文本樣式的進一步處理,以及如何利用偽類選擇器實現更多的樣式效果。
/* 文本樣式設置 */ h1 { font-size: 3em; text-align: center; } p { font-size: 1.2em; line-height: 1.5em; text-align: justify; } /* 偽類選擇器設置 */ a { color: #1E90FF; text-decoration: none; } a:hover { color: #FF8C00; text-decoration: underline; } p:first-child { font-weight: bold; } p:nth-child(odd) { background-color: #F5F5F5; }
在文本樣式的部分中,我們可以看到如何設置標題的字體大小和對齊方式,以及如何設置段落的字體大小、行高和對齊方式。
在偽類選擇器的部分中,我們可以看到如何設置鏈接的顏色和文字裝飾,以及如何在鼠標懸停時改變鏈接的顏色和文字裝飾。還有我們可以看到如何使用:first-child和:nth-child選擇器來對段落進行樣式設置,如設置第一個段落的字體加粗,以及設置第奇數個段落的背景顏色。