色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css子元素選擇器有哪些,CSS中有哪些常用選擇器

老白2年前54瀏覽0評論

css子元素選擇器有哪些,CSS中有哪些常用選擇器?

一、CSS選擇器有哪些

CSS中的選擇器很多,比如:ID選擇器,類選擇器,通配符選擇器,偽類選擇器等等,接下來主要介紹常用的幾個。

1.標簽選擇器

語法:標簽名{},eg:h1{}//為所有的h1元素設置樣式。

2.ID選擇器

語法:#id名{}//id值唯一不能重復,eg:#top{}//為id為top的元素設置樣式。

3.類選擇器

語法:.class{},eg:.box{}//為所有的class值為box的元素設置樣式。

4.組選擇器

語法:選擇器1,選擇器2,選擇器N{},eg:#box1,.box2,p{}//為id為box1,class為box2和p的元素共同設置樣式。

5、通配符選擇器

語法:*{},eg:*{font-size:16px}//將整個頁面字體大小設為16px。

6.后代選擇器

語法:選擇器1選擇器2{},eg:p.aa{}//選中指定祖先元素p的指定后代.aa。

7.子元素選擇器

語法:父元素>子元素{},eg:p>.box{}//選中父元素p的指定子元素.box。注意與后代元素選擇器的區別

8.偽類選擇器

偽類可以用來表示一些特殊的狀態,如:

:link-未訪問過的超鏈接。

:visited-已訪問過的超鏈接。

:hover-鼠標經過的元素。

:active-正在點擊的元素。

eg:a:hover{color:red}//鼠標經過a標簽時,顏色變為紅色。

二、CSS選擇器的優先級順序

當同一屬性的不同值都作用到了同一個元素時,如果定義的屬性之間有沖突,那么應該用誰的值的,這個時候就涉及到CSS的優先級順序了。

1.在屬性后面使用!important會覆蓋頁面內任何位置定義的元素樣式。

2.作為style屬性寫在元素內的內部樣式

3.id選擇器

4.類選擇器

5.標簽選擇器

6.通配符選擇器

7.瀏覽器自定義或繼承的

css子元素選擇器有哪些,CSS中有哪些常用選擇器

html表頭不能居中怎么辦?

首先,打開html編輯器,新建html文件,例如:index.html。

在index.html中的<style>標簽中,輸入css代碼:body {text-align: center;} table {margin: auto;}。

瀏覽器運行index.html頁面,此時成功用css讓表格居中了。

說明:

css代碼body {text-align: center;} table {margin: auto;}是兩個元素選擇器,分別為body和table兩個元素設置css樣式。

在 W3C 標準中,元素選擇器又稱為類型選擇器(type selector)。

“類型選擇器匹配文檔語言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個實例。”

css3新增功能?

1、css3新增的超級選擇器:屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型:總體分為block類型和in line類型,在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性:overflow屬性(內容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)

8、新增的 transform變形功能:rotate(旋轉)、scale(縮放)、skew(傾斜)、translate(移動)

9、新增的動畫功能:transition(平滑過渡)、animation(關鍵幀)

10、布局相關樣式:多欄布局、盒布局、彈性盒布局

11、兼容性問題

css中哪些樣式是有繼承性?

css中下列樣式是有繼承性:

所有子元素可繼承:visibility和cursor、z-index。

內聯元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。

塊狀元素可繼承:text-indent和text-align。

列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。

表格元素可繼承:border-collapse。