css選擇器講解視頻,CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
css新元素是選擇器還是別的?
css中的所有元素都是選擇器,不論新元素還是舊元素,都是對標簽的選擇。dw2020新建css規則?
1.首先,新建一個HTML文檔,這里以Div css布局為例。
2.點擊插入菜單下的“Div(D)”,彈出對話框。
3.點擊“新建css規則”,定義一個選擇器,“確定”完成。
4.設置大小及背景顏色,“確定”完成。
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、兼容性問題