mg不朽情缘中奖规律

書名： Div+CSS3.0網(wǎng)頁布局案例精粹（升級版）
作者名：張曉景
本章字?jǐn)?shù)： 1000字
更新時間： 2020-03-02 16:09:20

2.3 CSS的基本用法

將CSS應(yīng)用到HTML之中，首先要選擇合適的選擇符，選擇符是CSS控制HTML文檔中對象的一種方式，用來告訴瀏覽器這段樣式將應(yīng)用到哪個對象。

在HTML內(nèi)插入的樣式表可分為3種，分別是內(nèi)聯(lián)樣式表、嵌入樣式表和外部樣式表。在應(yīng)用時可以根據(jù)需要任意應(yīng)用以上3種樣式表，越接近目標(biāo)的樣式定義優(yōu)先權(quán)越高，高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義并覆蓋重疊的定義。

（1）內(nèi)聯(lián)樣式表：直接將CSS代碼寫在HTML標(biāo)簽中。

（2）嵌入樣式表：將<style>標(biāo)簽嵌入HTML文檔的頭部。

（3）外部樣式表：以.css為擴展名，在<head>標(biāo)簽中使用<link>標(biāo)簽，從而將外部CSS文件鏈接到HTML文檔內(nèi)。

2.3.1 內(nèi)聯(lián)樣式表

內(nèi)聯(lián)樣式表是指直接將CSS代碼寫在HTML標(biāo)簽中，其格式如下：

內(nèi)聯(lián)樣式表由HTML文檔中的元素的style屬性支持，只需要將CSS代碼用分號隔開并輸入在style=" "中，便可以完成對當(dāng)前標(biāo)簽的樣式定義。這是CSS定義的一種基本形式。

內(nèi)聯(lián)樣式表僅是HTML標(biāo)簽對于style屬性的支持所產(chǎn)生的一種CSS編寫方式，并不符合表現(xiàn)與內(nèi)容分離的設(shè)計模式，使用內(nèi)聯(lián)樣式表與表格式布局從代碼結(jié)構(gòu)上來說完全相同，僅利用了CSS對于元素的精確控制優(yōu)勢，并沒有很好地實現(xiàn)表現(xiàn)與內(nèi)容的分離，所以這種書寫方式應(yīng)當(dāng)盡量少用。

2.3.2 嵌入樣式表

嵌入樣式表又稱為內(nèi)部樣式表，是將CSS統(tǒng)一放置在頁面中一個固定的位置。

技能案例：設(shè)置嵌入樣式

源文件：源文件\第2章\2-3-2.html

新建一個HTML文檔，在代碼頁面輸入代碼如下：

內(nèi)部樣式表是指將<style>標(biāo)簽作為一個單獨的部分標(biāo)記在<head></head>之間。

內(nèi)部樣式表是CSS的初級應(yīng)用形式，它只針對當(dāng)前頁面有效，不能跨頁面執(zhí)行，因此達不到CSS代碼多用的目的，在實際的大型網(wǎng)站開發(fā)中，很少用到內(nèi)部樣式表。

2.3.3 外部樣式表

外部樣式表是CSS中較為理想的一種形式。將CSS代碼單獨編寫在一個獨立文件之中，由網(wǎng)頁進行調(diào)用，多個網(wǎng)頁可以調(diào)用同一個外部樣式表文件，因此能夠?qū)崿F(xiàn)代碼的最大化使用及網(wǎng)站文件的最優(yōu)化配置，其格式如下：

在上面的HTML代碼中，在<head>標(biāo)簽中使用<link>標(biāo)簽，可以將link指定為樣式表方式，并使用href="style.css"指明外部樣式表文件的路徑，只需將樣式單獨編寫在style.css文件中即可。

在頁面中應(yīng)用CSS主要是為了實現(xiàn)良好的網(wǎng)站文件管理及樣式管理，分離式的結(jié)構(gòu)有助于合理分配表現(xiàn)與內(nèi)容。

提示

推薦使用外部樣式表，其優(yōu)點如下：

（1）獨立于HTML文檔，便于修改。

（2）多個文件可以引用同一個樣式表文件。

（3）樣式表文件只需要下載一次，就可以在其他鏈接了該文件的頁面內(nèi)使用。

（4）瀏覽器會先顯示HTML內(nèi)容，再根據(jù)樣式表文件進行渲染，從而使訪問者可以更快地看到內(nèi)容。

官术网_书友最值得收藏!

Div+CSS3.0網(wǎng)頁布局案例精粹（升級版）

2.3 CSS的基本用法

2.3.1 內(nèi)聯(lián)樣式表

2.3.2 嵌入樣式表

2.3.3 外部樣式表