我們來思考一個問題:如果在html文件中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值怎么辦?好,這一小節中的層疊幫你解決這個問題。
層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前后順序來決定,處于最后面的css樣式會被應用。
如下面代碼:
~~~
p{color:red;}
p{color:green;}
<p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩。</p>
~~~
最后 p 中的文本會設置為green,這個層疊很好理解,理解為后面的樣式會覆蓋前面的樣式。
所以前面的css樣式優先級就不難理解了:
內聯樣式表(標簽內部)> 嵌入樣式表(當前文件中)> 外部樣式表(外部文件中)。
- HTML+CSS基礎
- HTML
- Html和CSS的關系
- 認識html文件基本結構
- 了解HTML的代碼注釋
- 語義化,讓你的網頁更好的被搜索引擎理解
- 加入強調語氣,使用<strong>和<em>標簽
- <q>標簽,短文本引用
- <hr>標簽,添加水平橫線
- <address>標簽,為網頁加入地址信息
- caption標簽,為表格添加標題和摘要
- CSS
- CCS子選擇器
- CSS包含(后代)選擇器
- CSS通用選擇器
- CSS偽類選擇符
- CSS分組選擇符
- CSS繼承
- CSS特殊性
- CSS層疊
- CSS重要性
- 段落排版--中文字間距、字母間距
- 元素分類--塊級元素
- 元素分類--內聯元素
- 元素分類--內聯塊狀元素
- 什么是層模型?
- 層模型--絕對定位
- 層模型--相對定位
- 層模型--固定定位
- Relative與Absolute組合使用