CSS是什么?
CSS
是層疊樣式表(Cascading Style Sheets
)的簡稱鸵鸥。樣式哩簿,顧名思義就是定義如何顯示元素航邢,什么元素呢施绎,是HTML
元素溯革。那沒有CSS
之前,HTML
元素是怎么顯示的呢谷醉?
其實(shí)致稀,HTML
標(biāo)簽最開始被設(shè)計為定義文檔內(nèi)容。通過<h1>
<p>
<table>
這樣的標(biāo)簽俱尼,HTML
的初衷是為了告訴正在瀏覽網(wǎng)頁的人哪個是標(biāo)題抖单,哪個是段落,哪個是表格這些信息的遇八。而文檔的布局矛绘,和HTML
沒什么關(guān)系,是由瀏覽器完成的刃永。而兩種主要的瀏覽器(Netscape
和 Internet Explorer
)不斷將新的HTML標(biāo)簽和屬性(如字體標(biāo)簽货矮,顏色屬性)添加到HTML規(guī)范中去,創(chuàng)建文檔內(nèi)容清晰地獨(dú)立于文檔表現(xiàn)層的站點(diǎn)變得越來越困難斯够。
為了解決這一問題囚玫,萬維網(wǎng)聯(lián)盟(W3C
),這個非營利的標(biāo)準(zhǔn)化聯(lián)盟读规,肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命劫灶,并在 HTML 4.0
之外創(chuàng)造出樣式(Style
)。
那樣式寫在哪兒呢掖桦?樣式通常存儲在樣式表中本昏。
為什么要有樣式表?外部樣式表可以極大提高工作效率枪汪。樣式表定義如何顯示HTML元素涌穆,樣式通常存儲在外部的.css
文件中怔昨。那么通過改變一個簡單的.css
文件,就可以同時改變站點(diǎn)中所有頁面的布局和外觀宿稀。
樣式表怎么規(guī)定元素的樣式呢趁舀?樣式表被允許以多種方式來規(guī)定樣式信息。
- 樣式可以規(guī)定在單個元素中
- 可以規(guī)定在HTML頁的頭元素中
- 可以規(guī)定在一個外部的
.css
文件中
那如果一個頁面里面被規(guī)定了多個樣式祝沸,那這個頁面該使用哪個樣式呢矮烹?
一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中罩锐,其中內(nèi)聯(lián)樣式擁有最高的優(yōu)先權(quán)奉狈。
- 瀏覽器默認(rèn)設(shè)置
- 外部樣式表
- 內(nèi)部樣式表(位于
<head>
標(biāo)簽內(nèi)部)- 內(nèi)聯(lián)樣式(在
HTML
元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML
元素內(nèi)部)擁有最高的優(yōu)先權(quán)涩惑,這意味著它將優(yōu)先于以下的樣式聲明:<head>
標(biāo)簽中的樣式聲明仁期,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)竭恬。