html如何添加css樣式？本篇文章就給大家介紹html添加css樣式的三種方法：行內(nèi)式、內(nèi)嵌式、外聯(lián)式的優(yōu)缺點(diǎn)。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助。

首先我們要了解一下在html中添加css樣式的三種方法是什么？它們分別為：

1、使用內(nèi)聯(lián)CSS來(lái)應(yīng)用特定元素的規(guī)則，即：行內(nèi)式

2、使用內(nèi)部CSS并在HTML文檔部分包含CSS規(guī)則，即：內(nèi)嵌式

3、鏈接到包含所有CSS規(guī)則的外部文件(.css文件)，即：外聯(lián)式

下面我們就來(lái)具體的介紹一下行內(nèi)式、內(nèi)嵌式、外聯(lián)式的實(shí)現(xiàn)與優(yōu)缺點(diǎn)。

一、行內(nèi)式

內(nèi)聯(lián)CSS要在特定的HTML標(biāo)記內(nèi)使用。標(biāo)簽之間。內(nèi)部樣式表的一個(gè)示例：

內(nèi)嵌CSS的優(yōu)點(diǎn)：

1、樣式表只影響一個(gè)頁(yè)面。

2、內(nèi)部樣式表可以使用類(lèi)和ID。

3、無(wú)需上傳多個(gè)文件。HTML和CSS可以在同一個(gè)文件中。

內(nèi)嵌CSS的缺點(diǎn)：

1、增加頁(yè)面加載時(shí)間。

2、它只影響一個(gè)頁(yè)面 - 如果要在多個(gè)文檔上使用相同的CSS，則無(wú)用。

三、外聯(lián)式

將CSS添加到html頁(yè)面上最方便的方法可能就是將其鏈接到外部文件(.css文件)。這樣，您對(duì)外部CSS文件所做的任何更改都將反映在你的網(wǎng)站上。外部CSS文件的引用要放在頁(yè)面的部分中，例：

而style.css包含所有樣式規(guī)則。例如：.xleftcol {

float: left;

width: 33%;

background:#809900;

}

.xmiddlecol {

float: left;

width: 34%;

background:#eff2df;

}

外聯(lián)CSS的優(yōu)點(diǎn)：

1、HTML頁(yè)面的大小更小，結(jié)構(gòu)更清晰。

2、加載速度更快。

3、相同的.css文件可以在多個(gè)頁(yè)面上使用。

外聯(lián)CSS的缺點(diǎn)：

1、在加載外部CSS之前，頁(yè)面可能無(wú)法正確呈現(xiàn)。

結(jié)論

以上就是本篇文的全部?jī)?nèi)容，給大家介紹了向html頁(yè)面添加CSS的不同方法，并了解內(nèi)聯(lián)，外部和內(nèi)部樣式表之間的差異。大家可以更加需要使用不同的方法添加css樣式，希望能對(duì)大家的學(xué)習(xí)有所幫助。【推薦視頻學(xué)習(xí)：css教程】

總結(jié)

以上是生活随笔為你收集整理的html外联php,html如何添加css样式？行内式、内嵌式、外联式的优缺点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。