H5學習筆記之CSS三大特性

2021-07-25 21:38:32 字數 623 閱讀 6422

一:繼承

繼承是一種規則,它允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。比如下面**:如某種顏色應用於p標籤,這個顏色設定不僅應用p標籤,還應用於p標籤中的所有子元素文字

二:特殊性

下面是權值的規則:

標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100。例如下面的**:

p /權值為1/

p span /權值為1+1=2/

.warning /權值為10/

p span.warning /權值為1+1+10=12/

權值高的就使用哪種css樣式。

三:層疊性

層疊就是在html檔案中對於同乙個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被應用。

四:重要性

繼承是一種規則,它允許樣式不僅應用於某個特定html標籤元素,而且應用於其後代。比如下面**:如某種顏色應用於p標籤,這個顏色設定不僅應用p標籤,還應用於p標籤中的所有子元素文字 p p

三年級時,我還是乙個膽小如鼠的小女孩。

這時 p 段落中的文字會顯示的red紅色。

注意:!important要寫在分號的前面

h5學習(css第三天)

今日所學 盒模型 最終結果可以做到 d1 d2 d3 d4 d5 d6 d7 強調border元素對margin元素的影響,若忽略border元素會導致margin元素脫離上一級的束縛 先是對文件的編輯,包括一些盒模型技巧 在這裡插入描述 關於盒模型 乙個元素在頁面中真實佔據的位置叫做盒模型。mar...

H5學習之24 CSS定位

html lang en eg smile.gif id image class overflow 當乙個容器無法顯示完文字時可以設定滾動條以此能夠檢視完整的文字當乙個容器無法顯示完文字時,可以設定滾動條以此能夠檢視完整的文字當乙個容器無法顯示完文字時,可以設定滾動條以此能夠檢視完整的文字當乙個容器...

H5 學習筆記3

html標籤 表單 input標籤 屬性 type text文字框 password密碼框 radio單選框 checkbox多選框 button按鈕 reset重置 submit提交 select標籤 屬性 option 下來框 textarea標籤 文字域 button標籤 作用範圍比較廣 fo...