對于web前端小白來說，可能對CSS還不是很了解，CSS的用處有很多，它不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化，CSS能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁物件和模型樣式編輯的能力，
什么是CSS?
CSS指層疊樣式表 (Cascading Style Sheets)
- 樣式定義如何顯示HTML元素
- 樣式通常存盤在樣式表中
- 把樣式添加到HTML4.0中，是為了解決內容與表現分離的問題
- 外部樣式表可以極大提高作業效率
- 外部樣式表通常存盤在CSS檔案中
- 多個樣式定義可層疊為一個
CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式，CSS在Web設計領域是一個突破，利用它可以實作修改一個小的樣式更新與之相關的所有頁面元素，這一切都離不開CSS的特性，接下來簡單聊聊CSS的3大特性，
CSS的3大特性是指層疊性、繼承性以及優先級，
一、CSS層疊性
說明：層疊性是多種CSS樣式的疊加，是瀏覽器處理樣式沖突的方式，在HTML中對于同一個元素可以有多個CSS樣式存在，當有相同權重的樣式存在時，會根據這些樣式出現的先后順序來決定，處于最后面的CSS樣式將會覆寫前面的CSS樣式，
舉例：
下面代碼，出現一個div 標簽指定了相同樣式不同值的情況，這就是樣式沖突，
div{
color:red;
}
div{
color:blue;
}
原則：
通常出現樣式沖突，會按CSS書寫的順序，以最后的樣式為準，
樣式不沖突，不會層疊，
樣式沖突，遵循就近原則， 長江后浪推前浪，后面樣式蓋前面，
二、CSS繼承性
說明：簡單地理解為—“子承父業“，是指子標簽會繼承父標簽的==某些==樣式，如文本顏色和字號，想要設定一個可繼承的屬性，只需將它應用于父元素即可，
舉例：
<style> div{color:pink;font-size:20px;} </style> <div> <span> 我是什么顏色的？ </span> </div>
合理使用繼承可以簡化代碼，降低CSS樣式的復雜性，對于字體、字號、顏色、行距等==文本類屬性==具有繼承性，都可以在body中統一設定，然后影響檔案中所有文本，
但是，并不是所有的CSS屬性都可以繼承，如邊框、外邊距、內邊距、背景、定位、元素高度等==與塊級元素相關的==屬性都不具有繼承性，
三、CSS優先級
在復雜CSS樣式表，往往并不是相同樣式不同值的堆疊這么簡單，經常出現兩個或多個不同樣式規則應用在同一元素上，這時到底采用哪個樣式呢？這就是典型的CSS優先級問題，
處理優先級問題，就是考慮樣式權重的高低，這里先給大家介紹一些特殊的情況：
==繼承樣式的權重為0，==也就是說，在嵌套結構中，無論父元素樣式權重多大，子元素繼承時，應用在子元素上的權重都為0，即子元素定義的樣式會覆寫所有繼承來的樣式，
==行內樣式優先，==應用style屬性的元素，其行內樣式的權重非常高，可以理解為遠大于100，總之，他擁有比上面提高的選擇器都大的優先級，
權重相同時，CSS遵循就近原則，也就是說靠近元素的樣式具有最大的優先級，或者說排在最后的樣式優先級最大，
CSS定義了一個!important命令，該命令被賦予最大的優先級，也就是說不管權重如何以及樣式位置的遠近，!important都具有最大優先級，
CSS學習教程
如果你是一個新手，那我建議你觀看視頻教程學css，這里推薦動力節點老杜講的web前端教程，教程中詳細講解了什么是css ，HTML引入CSS樣式的三種方式等知識點，
css資料下載
http://www.bjpowernode.com/?cnblogscss.chai
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/353203.html
標籤：其他