hbuilder如何將字體顏色改為紅色？hbuilder怎么把css寫到html里？hbuilder只是因為開發(fā)工具，和別的開發(fā)工具一樣，怎莫把css寫到html里，有4種方法：1、行內(nèi)樣式行內(nèi)樣式是

hbuilder如何將字體顏色改為紅色？

hbuilder怎么把css寫到html里？

hbuilder只是因為開發(fā)工具，和別的開發(fā)工具一樣，怎莫把css寫到html里，有4種方法：

1、行內(nèi)樣式

行內(nèi)樣式是把CSS樣式真接裝在代碼行內(nèi)的標(biāo)簽中，像是大都放入標(biāo)簽的style屬性中，導(dǎo)致行內(nèi)樣式再插入標(biāo)簽中，故是最有效的一種，而也改最不方便的樣式。

【示例1】對于段落、h2標(biāo)簽、em標(biāo)簽、strong標(biāo)簽包括div標(biāo)簽，四個運用CSS行內(nèi)樣式。

!doctypehtml

html

head

metacharsetutf-8

title行內(nèi)樣式/title

/head

body

pstylebackground-color:#999900行內(nèi)元素，控制段落-1/p

h2stylebackground-color:#FF6633行內(nèi)元素，h2標(biāo)題元素/h2

pstylebackground-color:#999900行內(nèi)元素，壓制段落-2/p

strongstylefont-size:30px;行內(nèi)元素，strong比em效果強上/strong

divstylebackground-color:#66CC99;color:#993300;height:30px;line-height:30px;

行內(nèi)元素，div塊級元素/div

emstylefont-size:2em;行內(nèi)元素，em強調(diào)/em

/body

/html2、內(nèi)嵌式

內(nèi)嵌式實際將CSS寫在網(wǎng)頁源文件的頭部，即在head和head之間，在用HTML標(biāo)簽中的style標(biāo)簽將其圍困，其特點是該樣式?jīng)]法在此頁在用，幫忙解決行內(nèi)樣式多次抄寫的弊端。

【示例2】為段落系統(tǒng)設(shè)置內(nèi)嵌式樣式書寫方法，會減少代碼量。

!doctypehtml

html

head

metacharsetutf-8

title內(nèi)嵌式/title

styletypetext/css

p{

text-align:left;/*文本對齊*/

font-size:18px;/*字體大小18像素*/

line-height:25px;/*行高25像素*/

text-indent:2em;/*首行蜷進(jìn)2個文字大小空間*/

width:500px;/*段落寬度500像素*/

margin:0auto;/*瀏覽器下橫列*/

margin-bottom:20px;/*段落下邊距20像素*/

}

/style

/head

body

p這是一個文本段落，這是一個文本段落，這是一個文本段落。/p

/body

/html3、鏈接式

鏈接式按照HTML的link標(biāo)簽，將外部樣式表文件鏈接到HTML文檔中，這也網(wǎng)絡(luò)上網(wǎng)站應(yīng)用至少的，同時都是最實用點的。這種方法將HTML文檔和CSS文件完全分離出來，實現(xiàn)結(jié)構(gòu)層和可以表示層的全部分離，增強網(wǎng)頁結(jié)構(gòu)的擴展性和CSS樣式的可維護(hù)性。

4、導(dǎo)入樣式

導(dǎo)入樣式可以使用@import命令導(dǎo)入外部樣式表。導(dǎo)入樣式有6種字跡

daoru.css;

daomxss;

daoru.css;

url(daoru.css);

url(daoru.css);

url(daoru.css);

以上是css咋嵌入html？的詳細(xì)點內(nèi)容。