網頁開發中通過選擇器為標簽選擇指定的樣式。
選擇器的名字可以由數字、英文、下劃線組成,數字不可以作為選擇器名稱的開頭,在企業開發中一般使用英文開頭。
id選擇器相當于人的身份證,擁有唯一性,在樣式表中書寫時以“#”開頭,加上選擇器的id名(如:#id)。因為 id 選擇器具有唯一性,所以在企業開發中不會使用 id 名來為標簽添加樣式。當一個網頁中有很多標簽需要用到同樣的樣式時,如果使用id 選擇器的話,那么所有的標簽都得為其命名,并且樣式都得重新書寫。所以在企業開發中 id 都是用在javaScript 中,書寫樣式時不推薦使用,也容易引起使用Javascript 的誤會。
類選擇器:class
class選擇器使用很廣泛,在樣式表中書寫以“.”開頭,加上選擇器的class 名(如:.class)。一個標簽只能有一個id 屬性,而可以擁有(綁定)多個class 屬性,再一個,class 屬性可以重復使用,這樣避免了網頁中有很多重復的樣式需要使用時的麻煩。所以在企業開發中都使用class 選擇器來指定樣式。(格式為:class="one two three",每一個類名都用空格隔開)
用class 選擇器時,當兩個標簽都擁有同樣的樣式,我們可以同時為它們指定的class ,當兩個標簽都擁有同樣的一部分屬性,而另一部分不同于其他樣式時,我們可以為它們先指定同一個 class,然后再為它們各自指定不同的樣式。(如:<p class="one two"></p><p class="one three"></p>)
新聞熱點
疑難解答