CSS—選擇器選擇標簽


  • CSS—層疊樣式表

CSS規則由兩個主要部分構成:選擇器以及一條或多條申明

選擇器用於指定CSS樣式的HTML標簽,屬性和屬性值以“鍵值對”的形式出現,屬性與屬性值之間用英文“:”分開,多個“鍵值對”之間用英文“;”分開。

選擇器選擇標簽

分類:基礎選擇器復合選擇器

1、基礎選擇器:由單個選擇器組成

包括:標簽選擇器類選擇器id選擇器通配符選擇器

標簽選擇器:用HTML標簽名稱作為選擇器。 作用:把某一類標簽全部選擇出來

類選擇器:想要差異化選擇不同的標簽,單獨選一個或者幾個標簽,可以使用類選擇器

例如:

 

 

.后是類名,類名可以自定義,{}內是屬性: 屬性值。結構需要用class屬性調用,例如:

 

 

 

可以理解為給標簽起一個名字,長名稱或詞組可以使用中橫線來為選擇器命名,不要用純數字、中文等命名。

 

多類名

 

(1)在標簽class豎向中寫多個類名       (2)多個類名中間必須用空格隔開

 

id選擇器:HTML元素以id屬性來設置id選擇器,CSS中id選擇器以“#”來定義

 

id選擇器和類選擇器的區別

 

1、類選擇器就像人的名字,一個人可以有多個名字,一個名字也可以被多個人使用

 

2、id選擇器就像人的身份證號碼,是唯一的不得重復

 

3、id選擇器和類選擇器最大的不同在於使用次數上

 

4、類選擇器在修改樣式中用的最多,id選擇器一般用於頁面唯一性的元素上,經常與javascript搭配使用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM