溫馨提示×

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

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

網(wǎng)頁(yè)中怎么添加CSS樣式表

發(fā)布時(shí)間：2021-06-18 14:28:09 來(lái)源：億速云 閱讀：148 作者：Leah 欄目：web開(kāi)發(fā)

網(wǎng)頁(yè)中怎么添加CSS樣式表，相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

網(wǎng)頁(yè)中添加CSS樣式表的四種方式

一、使用STYLE屬性：將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里。

<元件(標(biāo)簽)STYLE="性質(zhì)(屬性)1:設(shè)定值1;性質(zhì)(屬性)2:設(shè)定值2;...}
例如：

<TDSTYLETDSTYLE="COLOR:BLUE;font-size:9pt;font-family:"標(biāo)楷體";line-height:150%>

這種用法的優(yōu)點(diǎn)是可靈巧應(yīng)用樣式於各標(biāo)簽中，但是缺點(diǎn)則是沒(méi)有整篇文件的『統(tǒng)一性』。

二、使用STYLE標(biāo)簽：將CSS樣式規(guī)則寫在<STYLE>...</STYLE>標(biāo)簽之中。

<STYLETYPESTYLETYPE="text/css"> <!--  樣式規(guī)則表  --> </STYLE> 例如：  <STYLETYPESTYLETYPE="text/css"> <!--  BODY{  color:BLUE;  background:#FFFFCC;  font-size:9pt}  TD,P{  COLOR:GREEN;  font-size:9pt}  --> </STYLE>

通常是將整個(gè)的<STYLE>...</STYLE>結(jié)構(gòu)寫在網(wǎng)頁(yè)的<HEAD></HEAD>部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性，只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。

三、使用LINK標(biāo)簽：將CSS樣式規(guī)則寫在.css的樣式檔案中，再以<LINK>標(biāo)簽引入。

假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案，我們只要在網(wǎng)頁(yè)中加入
<LINKREL=STYLESHEETTYPE="text/css"HREF="example.css">
即可套用該樣式檔案中所制定好的樣式了。通常是將LINK標(biāo)簽寫在網(wǎng)頁(yè)的<head></head>部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。

四、使用@import引入：跟LINK用法很像，但必　放在<STYLE>...</STYLE>中。

<STYLETYPESTYLETYPE="text/css"> <!--  @importurl(引入的樣式表的位址、路徑與檔名);  --> </STYLE> 例如：  <STYLETYPESTYLETYPE="text/css"> <!--  @importurl(http://yourweb/example.css);  --> </STYLE>

看完上述內(nèi)容，你們掌握網(wǎng)頁(yè)中怎么添加CSS樣式表的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(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)容。

css
AI
助
手