W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
在繼續(xù)學(xué)習(xí)之前,你需要對(duì)下面的知識(shí)有基本的了解:
HTML / XHTML
如果你希望首先學(xué)習(xí)這些項(xiàng)目,請(qǐng)?jiān)?入門教程 訪問相關(guān)教程。
CSS 指層疊樣式表 ( Cascading Style Sheets )
樣式定義如何顯示 HTML 元素
樣式通常存儲(chǔ)在樣式表中
把樣式添加到 HTML 4.0 中,是為了解決內(nèi)容與表現(xiàn)分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲(chǔ)在 CSS 文件中
多個(gè)樣式定義可層疊為一
樣式對(duì)網(wǎng)頁中元素位置的排版進(jìn)行像素級(jí)精確控制
一個(gè) HTML 文檔可以顯示不同的樣式: 查看CSS是如何工作的
HTML 標(biāo)簽原本被設(shè)計(jì)為用于定義文檔內(nèi)容,如下實(shí)例:
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .CSS 文件中。CSS 樣式表極大的提高了工作效率,通過僅僅編輯一個(gè)簡單的 CSS 文檔,外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁面的布局和外觀。
為了解決這個(gè)問題,萬維網(wǎng)聯(lián)盟(W3C),這個(gè)非營利的標(biāo)準(zhǔn)化聯(lián)盟,肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
當(dāng)代瀏覽器都支持 CSS 。
通常保存在外部的獨(dú)立的 .CSS 文件(該文件不屬于任何頁面文件)可以在多個(gè)頁面中使用同一個(gè) CSS 樣式表。通過在任何的頁面文件中引用 .CSS 文件,你可以設(shè)置具有一致風(fēng)格的多個(gè)頁面。
樣式層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式,這將使用最后一次設(shè)置的屬性值。
當(dāng)同一個(gè) HTML 元素定義了多個(gè)樣式時(shí),應(yīng)該使用哪個(gè)樣式?
一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
<head>
標(biāo)簽內(nèi)部)因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明: 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: