在學習CSS時,首先需要學習的就是基礎選擇器。CSS的基礎選擇器有很多種,分別是標簽選擇器、類選擇器、ID選擇器和通配符選擇器。
首先是標簽選擇器。它是最簡單的選擇器,最容易理解。它通過HTML標簽的名稱來選擇元素,如下所示:
p { color: red; }
以上代碼意思是將所有的<p>標簽的顏色設置為紅色。
接下來是類選擇器。類選擇器是通過HTML標記的class屬性來選擇元素,如下所示:
.intro { font-size: 18px; }
以上代碼意思是將類為“intro”的元素的字體大小設置為18px。
ID選擇器也是通過HTML標記的id屬性來選擇元素,如下所示:
#main { background-color: #eee; }
以上代碼意思是將id為“main”的元素的背景色設置為灰色。
最后是通配符選擇器。它可以選中頁面中所有的元素,并對其進行一些基礎的樣式設置。
* { margin: 0; padding: 0; }
以上代碼意思是將頁面中所有的元素的margin和padding都設置為0。
除了這幾種基礎選擇器外,CSS還有很多其他的選擇器,如屬性選擇器、偽類選擇器等。學會了這些選擇器,我們就可以更好地控制頁面的樣式了。
上一篇css基金經理
下一篇css基礎給圖片加邊框