溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML中應(yīng)用CSS的三種方法分別是什么

發(fā)布時(shí)間：2021-10-12 16:19:55 來(lái)源：億速云 閱讀：115 作者：柒染 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)HTML中應(yīng)用CSS的三種方法分別是什么，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

你對(duì)把CSS應(yīng)用到HTML中去的方法是否了解，這里和大家分享一下，主要有內(nèi)聯(lián)，內(nèi)部和外部三種途徑可以把CSS應(yīng)用到Html中去，內(nèi)部樣式服務(wù)于整個(gè)當(dāng)前頁(yè)面，外部樣式為整個(gè)網(wǎng)站的多個(gè)頁(yè)面服務(wù)，而內(nèi)聯(lián)樣式通過style屬性直接套進(jìn)HTML中去，相信本文介紹一定會(huì)讓你有所收獲。

HTML中應(yīng)用CSS的三種方法

有三條途徑可以把CSS應(yīng)用到HTML中去。

內(nèi)聯(lián)

內(nèi)聯(lián)樣式通過style屬性直接套進(jìn)HTML中去。

看起來(lái)像這樣：

示例代碼

<pstylepstyle="color:red">text</p>

這將會(huì)是指定的段落變成紅色。

我們的建議是，HTML應(yīng)該是獨(dú)立的、樣式自由的文檔，所以內(nèi)聯(lián)樣式無(wú)論在什么情況下都應(yīng)該盡量避免。

內(nèi)部

內(nèi)部樣式服務(wù)于整個(gè)當(dāng)前頁(yè)面。在頭標(biāo)簽head里面，樣式標(biāo)簽style里包含當(dāng)前頁(yè)面的所有樣式。

看起來(lái)像這樣：

示例代碼

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSSExample</title> <styletypestyletype="text/css">p{color:red;}a{color:blue;}</style> </head> <body> </body> </head> </html>

這將使這個(gè)頁(yè)面的所有段落都是紅色的，所有的連接都是藍(lán)色的。內(nèi)聯(lián)樣式類似，你應(yīng)該是HTML文檔和CSS文檔分離開來(lái)。

外部

外部樣式為整個(gè)網(wǎng)站的多個(gè)頁(yè)面服務(wù)。這是一個(gè)獨(dú)立的CSS文檔，簡(jiǎn)單的一個(gè)范例如下：

示例代碼

p{color:red;}a{color:blue;}

如果這個(gè)文檔存為“web.css”的話，它可以這樣跟HTML文檔連接起來(lái)：

示例代碼

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSSExample</title> <linkrellinkrel="stylesheet"type="text/css"href="web.css"/> </head> <body> </body> </head> </html>

保存HTML文檔，現(xiàn)在已經(jīng)把HTML和CSS連接起來(lái)了，在你的html中就可以運(yùn)用你在css文件中定義的css標(biāo)簽了。

以上就是HTML中應(yīng)用CSS的三種方法分別是什么，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手