CSS3是一種用于網(wǎng)頁樣式設(shè)計的標準,其中包含了眾多的選擇器,它們是用于定位網(wǎng)頁元素的關(guān)鍵字。選擇器的使用是CSS3樣式設(shè)計中的重要內(nèi)容,下面是CSS3最常用選擇器的總結(jié)筆記。
/* 1. 元素選擇器 */ p { color: blue; } /* 2. 類選擇器 */ .name { font-size: 18px; } /* 3. ID選擇器 */ #title { font-weight: bold; } /* 4. 屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; } /* 5. 后代選擇器 */ .header p { font-size: 24px; } /* 6. 相鄰兄弟選擇器 */ h1 + p { margin-top: 0; } /* 7. 子選擇器 */ ul >li { list-style-type: none; } /* 8. 通用選擇器 */ * { margin: 0; padding: 0; }
以上是CSS3最常用的8個選擇器,它們都有其獨特的定位方式和作用范圍。學(xué)會了這些選擇器,你可以更加靈活地設(shè)計網(wǎng)頁樣式,讓網(wǎng)頁呈現(xiàn)出更加優(yōu)美的視覺效果。同時,為了減少樣式?jīng)_突,我們應(yīng)該合理地使用選擇器,選擇合適的定位方式。
上一篇css3李炎恢課件