css初步選擇器介紹

css:css是層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。
CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化.
css語法結構:選擇器{屬性:屬性值;屬性:屬性值…}
(1)標籤選擇器
標籤{屬性:屬性值;屬性:屬性值…}
例如:

a{
 text-decoration: none;
 font:"微軟雅黑";
 color:#000000;
}

(2)id選擇器:不得以數字開頭,id是唯一的,只能表示一個id的值和class不同
#id的值{屬性:屬性值;屬性:屬性值;}
id選擇器優先於標籤選擇器
!important:優先級最高
(3)class(類)選擇器
結構: .class的值{屬性:屬性值;屬性:屬性值…}
(4)後代選擇器
結構:選擇元素(id,標籤,class)
(5)子代選擇器
選擇元素>選擇的子代元素
(6)組合選擇器
標籤之間用逗號隔開
(7)僞類選擇器

1)靜態僞類:只能用於超鏈接的樣式,如下:
:link 超鏈接點擊之前
:visited 鏈接被訪問過之後
2)動態僞類:針對所有標籤都適用的樣式,如下:
:hover “懸停”:鼠標放到標籤上的時候
:active “激活”: 鼠標點擊標籤,但是不鬆手時。
:focus 是某個標籤獲得焦點時的樣式

以上樣式,只能用於超鏈接
例如:

   a:hover{
   color: white;
   background: red;
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章