- 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搭配使用