CSS 概述

1.css認識

層疊樣式表?Cascading Style Sheets?是用來規(guī)定HTML文檔的呈現(xiàn)形式，簡單地說就是給網(wǎng)頁設(shè)置布局樣式，豐富網(wǎng)頁的呈現(xiàn)狀態(tài)，如果說吧HTML標簽比作詞組可以寫成作文，那么CSS就是字體,字體顏色,修飾詞,以及紙張背景等。

2.CSS 定義和使用

CSS樣式由一條或多條以分號隔開的樣式聲明組成，每條聲明包含著一個CSS和該屬性的值,屬性和值用冒號分割。

例： ?color:red;font-size:54

3.CSS 使用方式

內(nèi)嵌樣式：直接在元素上應(yīng)用樣式,使用全局屬性style定義。

內(nèi)嵌css樣式的段落

文檔內(nèi)嵌樣式：上面的內(nèi)嵌樣式用起來比較隨意，而且屬性優(yōu)先級是最高的，但是如果要批量管理樣式的話就有些麻煩，比如需要將一個網(wǎng)頁中的所有段落的字體大小改成12px,那么如果一個一個去使用全局屬性style改的話效率太低了。

外部樣式表：單獨以.css為文件擴展名定義的樣式表。

試想一下如果一套樣式要在多個網(wǎng)頁中進行使用的話，那我們?nèi)绻诿總€HTML文檔中都定義相同的一個選擇器的話，在開發(fā)中叫做代碼冗余，不是一個優(yōu)秀程序員該有的習慣，在編程的過程中，有一段代碼如果重復(fù)寫了兩次或考慮到此模塊的代碼可能在其他地方會用到的時候，我們就要學會將其當獨封裝起來，便于我們后期重用。

定義文件styles.css

p {

color:red;

font-size: 12px;

}

a{

background-color:green;

paddomg:5px

}

導(dǎo)入外部樣式表：

樣式表中也可以導(dǎo)入其他的樣式表

瀏覽器樣式：即一個元素未設(shè)置樣式時，瀏覽器應(yīng)用在它身上的默認樣式，這些樣式會因為瀏覽器而略有差異，不過大體一致。

3.CSS 樣式的層疊和繼承

樣式層疊：即瀏覽器顯示元素時，元素的CSS屬性值應(yīng)用的優(yōu)先級。

(1)：元素內(nèi)嵌樣式：用元素的群居屬性style定義的樣式

(2)：文檔內(nèi)嵌樣式：定義在style元素中的樣式

(3)：外部樣式：用link元素導(dǎo)入的樣式

(4)：用戶樣式：用戶在custom.css中定義的樣式

(5)：瀏覽器樣式：瀏覽器應(yīng)用的默認樣式

樣式?jīng)_突：如果有兩個同一層次的樣式，并且里面都有相同的屬性時，這個時候就要去解決沖突，解決沖突的前提是我們要了解瀏覽器默認是如何處理這些屬性的。

優(yōu)先級： ?(1)樣式的尋則其中id值的數(shù)目 ?(2)選擇器中其他屬性和偽類的數(shù)目 ?(3)選擇器中元素名和為元素的數(shù)目

樣式繼承：瀏覽器在顯示某元素時，如果找不到其樣式屬性，那么就會遵循繼承機制。也就是使用父類元素的樣式屬性。

CSS

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔相應(yīng)法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔相應(yīng)法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。