一、CSS注釋
1./* ? */ ?單行注釋,且注釋不能嵌套
2. ? ?/*
? ? ? */
多行注釋
且常用寫法為每一行首加星號.
二、CSS選擇器
1.所有標簽選擇器* {}(通配符選擇器)常用:* ?{margin:0; padding:0; }
標簽選擇器p {}div {}
ID選擇器#head {} ID值在當前頁面必須是唯一的.
類選擇器.head {} ?標簽可以包含多個類選擇器,在class標簽中用空格隔開。
2.ID命名規(guī)范:
1)只允許出現(xiàn)字母(大小寫均可,嚴格區(qū)分) 、下劃線、數(shù)字。
也就是說,id=”laoHe”和 id=”laohe”不沖突
2) 只允許以字母開頭
3) 命名沒有長度限制,可以是 1 個字母,也可以是很多個。不過不建議太長。
4) 不允許出現(xiàn)標簽名(不是硬性規(guī)定,是有工作經(jīng)驗的表現(xiàn))?
3.相同的Class屬性值,可以在HTML中出現(xiàn)多次。ID屬性值在頁面中只能出現(xiàn)一次。
一個class的屬性可以有多個值,也就是說一個標簽可以有多個類。
建議大家盡量使用類選擇器。使用ID時候情況:當確實能唯一確定當前頁面中標簽只會出現(xiàn)一次,這時候可以使用ID選擇器。
如果不能保證相同的作用的標簽在頁面中只出現(xiàn)一次,那么這時候就選擇使用類選擇器。
4.不是很推薦使用
5.后代選擇器
后代選擇器用來選擇元素或元素組的后代,其寫法就是把外層標記寫在前面,內(nèi)層標記寫在后面,中間用空格分隔。當標記發(fā)生嵌套時,內(nèi)層標記就成為外層標記的后代。
后代不僅僅包括兒子,還包括子子孫孫。
注意:后代選擇器可以從左向右理解。但是真正瀏覽器在執(zhí)行的時候是從右向左進行執(zhí)行過濾的。
6.并集選擇器
各個選擇器通過逗號連接而成的,任何形式的選擇器(包括標記選擇器、class類選擇器id選擇器等),都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全相同,或部分相同,就可以利用并集選擇器為它們定義相同的CSS樣式。
7.子代選擇器
讓CSS選擇器智能選擇兒子輩的元素。
例如:h1 > strong {color:red;}
解讀為:選擇器h1 > strong可以解釋為“選擇作為h1元素子元素的所有strong元素”。
尖括號和選擇器之間可以有空格也可以沒有,沒有限制。
建議:選擇器和尖括號間有空格。
8.