css3選擇器規范,h3是什么選擇器?
h3是標簽選擇器。
標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下:
標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}
標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式,同時這也是他的缺點,不能設計差異化樣式。
如何定義input標簽中type?
可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。
1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:
2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:
3、為被選擇的標簽設置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:
css規則?
在CSS樣式規則
1.選擇器用于指定CSS樣式作用的HTML對象,花括號內是對該對象設置的具體樣式。
2.屬性和屬性值以“鍵值對”的形式出現。
3.屬性是對指定的對象設置的樣式屬性,例如字體大小、文本顏色等。
4.屬性和屬性值之間用英文“:”連接。
5.多個“鍵值對”之間用英文“;”進行區分。
css3的作用及角色?
CSS3是CSS2的升級版本,3只是版本號,它在CSS2.1 的基礎上增加了很多強大的新功能,目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經支持了CSS3大部分功能了,IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時,不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的,但為了更好的向前兼容,前綴還是少不了的。
Chrome 和 Safari:-webkit
Firefox:-moz
IE:-ms
Opera:-o
CSS3 把很多以前需要使用的圖片和腳本來實現的效果,甚至動畫效果,現在只需要短短幾行代碼就能搞定。比如:圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理(旋轉、縮放、傾斜、移動)、過渡、動畫、多欄布局、媒體查詢等。還有選擇器,簡化了前端開發工作人中山小欖的設計過程,加快頁面載入速度。