1、css 3選擇器，css選擇器中后代選擇器與子選擇器的區(qū)別？

css后代選擇器和子選擇器的區(qū)別介紹：

1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行

2、css規(guī)則？

在CSS樣式規(guī)則

1.選擇器用于指定CSS樣式作用的HTML對象，花括號內(nèi)是對該對象設(shè)置的具體樣式。

2.屬性和屬性值以“鍵值對”的形式出現(xiàn)。

3.屬性是對指定的對象設(shè)置的樣式屬性，例如字體大小、文本顏色等。

4.屬性和屬性值之間用英文“:”連接。

5.多個“鍵值對”之間用英文“;”進行區(qū)分。

3、css復(fù)合選擇器有哪三種？

1、元素選擇器 標簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用：通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)

語法：選擇器1，選擇器2，選擇器n{ }

5、復(fù)合選擇器(交集選擇器)

作用：選擇更準確更精細的目標元素并為其設(shè)置屬性

語法：選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格，要緊挨在一起

6、通配選擇器

作用：用來選中頁面中所有的元素

語法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover 移入時元素的狀態(tài)

:visited 已被訪問過后的元素的狀態(tài)

:active 被點擊時元素的狀態(tài)

10、 屬性選擇器

作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語法：[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個元素后緊挨著的指定的兄弟元素

語法：前一個+后一個(作用在后一個)

~選擇器

作用：選中后邊所有的制定兄弟元素

語法：前一個~后邊所有

4、熟練掌握并默寫標記選擇器的基本語法？

1.標記選擇器主要應(yīng)用在HTML頁中的標記樣式選擇。如P選擇器就用于聲明網(wǎng)頁中有P標記的文本內(nèi)容，同理，H1選擇器則可以標記頁面中H1的樣式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應(yīng)用H1選擇器的地方，將文字的大小設(shè)為14像素并加粗，同時將顏色設(shè)為灰色，如果要改變H1的顏色，只需將color屬性更改就可以了，比如將color設(shè)為#e7eefe來與網(wǎng)頁的其他地方協(xié)調(diào)。 2.類別選擇器 這是一類最常用的選擇器，用它來定義網(wǎng)頁中需要特殊表現(xiàn)的樣式，類別選擇器的名稱可以由作者自由定義，一般來講類別選擇器的命名最好有一定的意義，使CSS代碼更易維護和閱讀。例如定義導(dǎo)航就可以使用.daohang{}或者是.nav{}，不要使用簡略或者特殊的字符串，否則可能三天后當你再讀你的CSS代碼時，就連你自己都搞不清一個樣式到底是做什么用的！ 類別選擇器就是CSS類，在HTML表現(xiàn)為調(diào)用的class。例如： (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中

在上述定義中，p標簽將引用CSS文件中的title樣式應(yīng)用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px，上下padding為2px，左右padding為5px的矩形。 請注意類別選擇器CSS定義和標記選擇器的區(qū)別：在CSS文件中，標記選擇器前邊沒有"."號，下面我們還會講到ID選擇器，它的定義也不一樣，每個ID選擇器樣式前有一個"#"號，以確定其為ID選擇器，而在HTML中則用ID="style"引用。值得注意的是，一個標簽可以同時應(yīng)用多個class選擇器，如,具體大家可以在下邊思考并做下實驗，筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區(qū)別，他們的不同之處就在于ID選擇器只能在HTML頁中使用一次，而class則可以任意多次調(diào)用，在CSS文件中，ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應(yīng)用于多個HTML標記，則有可能造成IE編譯錯誤，并且由于ID選擇器可以被JAVASCRIPT等調(diào)用，所以多個ID會導(dǎo)致JAVA編譯錯誤并崩潰！ (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示： 并且ID選擇器不能像類別選擇器那樣同時被一個標簽調(diào)用。這也是完全錯誤的語法。 復(fù)合選擇器就是基本選擇器通過不同的鏈接方式構(gòu)成的。 復(fù)合選擇器就是兩個或多個基本選擇器，通過不同方式鏈接而成的選擇器。