1、 css和css3有哪些選擇器,css和css3有什么區別?
總體看一下CSS發展的歷史。
1. CSS 1:
1996年12月,CSS 1 (Cascading Style Sheet, level 1)正式推出。在這個版本中,已經包含了font的相關屬性、顏色與背景的相關屬性、文字的相關屬性、box的相關屬性等。
2. CSS 2:
1998年5月,CSS 2(Cascading Style Sheet, level 2)正式推出。在這個版本中開始使用樣式表結構。
3. CSS 2.1:
2004年2月,CSS 2.1(Cascading Style Sheet, level 2 revision 1)正式推出。它在CSS2的基礎上略微做了改動,刪除了許多諸如text-shadow等不被瀏覽器所支持的屬性。
現在所使用的CSS基本上是在1998年推出的CSS2的基礎上發展而來的。10年前在Internet剛開始普及的時候,就能夠使用樣式表來對網頁進行視覺效果的統一編輯,確實是一件可喜的事情。但是在這10年間CSS可以說是基本上沒有什么很大的變化,一直到2010年終于推出了一個全新的版本—CSS 3。
來源:《HTML5月CSS3權威指南》(下冊)
2、 css3中偽類選擇器由什么組成?
w3c規范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標簽上的支持最好。
【css2】的有3個
focus : 如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
3、 css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
4、 h3是什么選擇器?
h3是標簽選擇器。
標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下:
標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}
標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式,同時這也是他的缺點,不能設計差異化樣式。