在HTML中使用CSS樣式的幾種方式

在html網(wǎng)頁中引入引入css主要有以下四種方式：

創(chuàng)新互聯(lián)建站專注于遂平網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供遂平營銷型網(wǎng)站建設(shè)，遂平網(wǎng)站制作、遂平網(wǎng)頁設(shè)計、遂平網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造遂平網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供遂平網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

（1）行內(nèi)式

網(wǎng)頁中css的導(dǎo)入方式

（2）嵌入式

嵌入式一般寫在head中，對于單個頁面來說，這種方式很方便。

（3）導(dǎo)入式

!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的標(biāo)記之間導(dǎo)入一個外部樣式表，導(dǎo)入時用@import。 --

（4）鏈接式

導(dǎo)入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時，效果會好些。

HTML樣式CSS的三種寫法

CSS是樣式層疊表，有三種引入方式。下面，我們來看看HTML樣式CSS的三種寫法吧。

01

行內(nèi)樣式

CSS可以直接放到行內(nèi)樣式中引入即可，比如代碼如下圖：

p style="color: blue; background: red;"

hello world！

/p

02

嵌入式

還可以采用潛入方式引入CSS，就是把CSS寫到style標(biāo)簽中，這種方式比較實用，如下圖所示：

style type="text/css"

h1 {color: red;}

/style

h1hello world/h1

03

外部樣式表

還有一種叫做外部樣式，也就是把CSS寫在另外一張頁面上，然后再引用到指定頁面就可以了，這種也很常見。

@import url(main.css);

在html中怎樣使用css樣式？

在html網(wǎng)頁中引入引入css主要有以下四種方式：\x0d\x0a（1）行內(nèi)式\x0d\x0a

網(wǎng)頁中css的導(dǎo)入方式\x0d\x0a\x0d\x0a（2）嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般寫在head中，對于單個頁面來說，這種方式很方便。\x0d\x0a\x0d\x0a（3）導(dǎo)入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css"; \x0d\x0a\x0d\x0a\x0d\x0a（4）鏈接式\x0d\x0a\x0d\x0a \x0d\x0a導(dǎo)入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時，效果會好些。

在html中怎樣使用css樣式

在html網(wǎng)頁中引入引入css主要有以下四種方式：

（1）行內(nèi)式

p style=”color:red”網(wǎng)頁中css的導(dǎo)入方式/p

（2）嵌入式

style type=”text/css”

P{ color:red }

/style

嵌入式一般寫在head中，對于單個頁面來說，這種方式很方便。

（3）導(dǎo)入式

!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的style/style標(biāo)記之間導(dǎo)入一個外部樣式表，導(dǎo)入時用@import。 --

style type="text/css"

@import "jisuan.css";

/style

（4）鏈接式

link href="jisuan.css" rel=”stylesheet” type=”text/css” /

導(dǎo)入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時，效果會好些。