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

首頁 >

Python網(wǎng)絡(luò)爬蟲入門到實(shí)戰(zhàn)

1.7 CSS和HTML的結(jié)合方式

CSS與HTML結(jié)合，能夠設(shè)計出更加優(yōu)美的布局，它們之間有以下4種結(jié)合方式：

1）行內(nèi)樣式。

2）內(nèi)嵌樣式。

3）鏈接樣式。

4）導(dǎo)入樣式。

下面依次進(jìn)行介紹。

1.7.1 行內(nèi)樣式

可以直接在標(biāo)簽中添加屬性style,style的值其實(shí)就是CSS代碼。案例：第一個p標(biāo)簽添加為紅色背景，字體為黑色，大小為20；第二個p標(biāo)簽設(shè)置為藍(lán)色字體，字體類型設(shè)置為：italic（文件：CSS/8.html）。

執(zhí)行效果如圖1-53所示。

?圖1-53 執(zhí)行效果

1.7.2 內(nèi)嵌樣式

內(nèi)嵌樣式就是在<head>標(biāo)簽中使用<style>標(biāo)簽。它的優(yōu)點(diǎn)是所有的CSS代碼集中在一個區(qū)域中，方便后期維護(hù)，實(shí)現(xiàn)了HTML和CSS代碼的分離。它的缺點(diǎn)是，僅僅適合單個頁面的管理，如果是多個頁面，實(shí)現(xiàn)起來依然很費(fèi)力。

案例：兩個<p>標(biāo)簽設(shè)置為居中，字體大小設(shè)置為50，背景設(shè)置為黃色（案例文件：CSS/9.html），案例代碼如下。

執(zhí)行效果如圖1-54所示。

?圖1-54 執(zhí)行效果

1.7.3 鏈接樣式

鏈接樣式最為常用，也適用于多個頁面。如果多個頁面需要同樣的修改，那么每個頁面只需要直接導(dǎo)入CSS文件即可，而不用對每一個頁面寫＜style＞標(biāo)簽。它的基本形式為：＜link href=＂外部css文件的路徑＂type=＂MIME類型＂rel=＂文本類型＂＞。

具體參數(shù)說明如下。

1）href:css文件的路徑，一般使用相對路徑。

2）rel：一般設(shè)置為stylesheet。

3）type參數(shù)根據(jù)格式選擇，如文本為“css:text/css”；JS為“ext/javascript”；圖片為“image/jpg”，所有圖片為“image/*”。

案例：對兩個<p>標(biāo)簽設(shè)置為居中，字體大小為50，整體背景設(shè)置為黃色，創(chuàng)建html文件（案例文件：CSS/10.html），案例代碼如下。

創(chuàng)建一個名為CSS的文件夾，在CSS文件夾中創(chuàng)建一個名為1.css的文件，案例代碼如下。

文件目錄如圖1-55所示。

?圖1-55 目錄

執(zhí)行效果如圖1-56所示。

?圖1-56 執(zhí)行效果

1.7.4 導(dǎo)入樣式

導(dǎo)入樣式與鏈接樣式類似，它們是同等級的，將該樣式添加到style中。CSS文件夾中有剛剛創(chuàng)建的1.css文件，有以下幾種導(dǎo)入方式。

1）@importurl（css/1.css）

2）@importurl（＂css/1.css＂）

3）@importurl（css/1.css'）

案例代碼如下（文件：CSS/11.html）。

執(zhí)行效果如圖1-57所示。

?圖1-57 執(zhí)行效果

1.7.5 優(yōu)先級

綜上所述，通過各種組合方式的作用范圍，即可對比出各自的缺點(diǎn)。

1）行內(nèi)樣式：只作用于當(dāng)前標(biāo)簽。

2）內(nèi)嵌樣式：只作用于當(dāng)前頁面。

3）鏈接樣式和導(dǎo)入樣式：可以同時作用于多個頁面。

各組合方式優(yōu)先級對比如下。

1）行內(nèi)樣式的優(yōu)先級最高。

2）內(nèi)嵌樣式、鏈接樣式和導(dǎo)入樣式：內(nèi)嵌式＞導(dǎo)入式＞鏈接式。

案例如下。

執(zhí)行效果如圖1-58所示。

?圖1-58 執(zhí)行效果

上述代碼中先設(shè)置內(nèi)嵌樣式，且字體設(shè)置為紅色，然后以鏈接樣式導(dǎo)入了CSS文件。從執(zhí)行的效果可以看出最終執(zhí)行的是鏈接樣式，因?yàn)殒溄訕邮降膬?yōu)先級高于內(nèi)嵌樣式。

主站蜘蛛池模板： 囊谦县| 当雄县| 普安县| 榕江县| 博兴县| 辽阳县| 仁化县| 稷山县| 双牌县| 岑巩县| 绥滨县| 海南省| 松桃| 桐城市| 广河县| 调兵山市| 岐山县| 阜阳市| 仁寿县| 北辰区| 平湖市| 蕉岭县| 获嘉县| 恩施市| 乌什县| 金平| 伊宁市| 五指山市| 洪湖市| 青阳县| 嘉定区| 万全县| 东乌| 琼中| 德保县| 新乡市| 司法| 罗平县| 澄迈县| 公安县| 丰镇市|