詳談css選擇器,html中class選擇器又叫?
Class 在程序中稱“類”,同時在CSS中也書面語也叫“類”。css中class即類選擇器。html中的class=是一個選擇器,可以理解為一個標識,用來標識特定的標簽。
比如:<divclass="div1"></div>這就是一個標識效果,以后你想要改變這個div的樣式的話就可以找class為div1的元素了。
偽類選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:
請把鼠標指針移動到這些鏈接上。
這個鏈接改變顏色。
這個鏈接改變字體大小。
這個鏈接改變背景色。
這個鏈接改變字體。
這個鏈接會出現下劃線。
html中級聯樣式表用什么表示?
表示方式有以下幾種:
1、行間式 書寫位置:在標簽的style屬性中書寫樣式,優缺點: 可讀性差,沒有復用性,書寫直接<h1 style="color: red; font-size: 100px; text-align: center;">css的引入</h1>
2、內聯式書寫位置:在head標簽中的style標簽內css語法:css選擇器 { 樣式1; 樣式2; }
優缺點: 可讀性強,有復用性,樣式被html頁面綁定了,不能提供給其它html頁面使用
3、外聯式書寫位置:在外部css文件中,在html文件中通過link標簽引入css文件
優缺點: 可讀性強,有復用性,適合團隊開發(文件級別的復用性)
<link rel="stylesheet" href="css/樣式引入.css">
CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;