在html下導(dǎo)入css

html引用css方法如下

1、直接在HTML標(biāo)簽中內(nèi)嵌css樣式

2、html中使用style自帶式

[email protected]

4、使用link引用外部CSS文件 推薦此方法

方法說明：

1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式

我是div css測試內(nèi)容

效果如下圖

1.jpg

2、在html頭部head部分內(nèi)style聲明插入

代碼如下：

!--

.ceshi {font-size:14px; color:#FF0000;}/*這里是設(shè)置CSS的樣式內(nèi)容*/

--

我是div css測試內(nèi)容

效果同上。

[email protected]

HTML代碼：

css引用方法實例

!--

@import url(wcss.css);[email protected]*/

--

我是div css測試內(nèi)容

Wcss.css文件內(nèi)代碼.ceshi {font-size:14px; color:#FF0000;}

4、使用link來調(diào)用外部的css文件

在head放置

來調(diào)用外部的wcss.css文件來實現(xiàn)html引用css文件

此方法就不需要style標(biāo)簽，而是直接通過link一個樣式來引用外部樣式，一般推薦使用link來引用外部的css樣式方法。

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

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

（1）行內(nèi)式

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

（2）嵌入式

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

（3）導(dǎo)入式

!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的標(biāo)記之間導(dǎo)入一個外部樣式表，[email protected] --

（4）鏈接式

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

HTML網(wǎng)頁怎么使用CSS樣式？

在制作一個網(wǎng)頁的時候，Css樣式的添加一共有四種方式，一起來看看這四種方式：

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

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

例如：

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

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

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

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

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

假設(shè)我們把樣式規(guī)則存成一個example.css的檔案，我們只要在網(wǎng)頁中加入

LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"

即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁的head/head部份之中。這種用法的優(yōu)點就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或元件的靈活度不足。

[email protected]： 跟LINK用法很像，但必　放在STYLE.../STYLE 中。

要注意的是，行末的分號是絕對不可少的！這種方式也可以把

在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)入一個外部樣式表，[email protected] --

style type="text/css"

@import "jisuan.css";

/style

（4）鏈接式

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

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

html中如何導(dǎo)入css

1、使用鏈接式

link href="style.css" rel="stylesheet" type="text/css" /

2、使用導(dǎo)入式

style type="text/css"

@import "style.css"

/style

擴展資料：

二者的區(qū)別

導(dǎo)入式和鏈接式的目的都是將一個獨立的css文件引入一個文件中，二者的區(qū)別不大，事實上，二者最大的區(qū)別在于鏈接式使用html的標(biāo)記引入外部css文件，而使用導(dǎo)入式則是使用css規(guī)則引入外部css文件，因此它們的語法也不同。

采用這兩種方式后的現(xiàn)實效果也略有區(qū)別。使用鏈接式時，會在裝載頁面主體部分 之前裝載css文件，這樣現(xiàn)實出來的頁面從一開始就是帶有樣式效果的，而使用導(dǎo)入式時，會在整個頁面裝載完成之后再裝載css文件，

對于有的瀏覽器來說， 在一些情況下，如果頁面文件的體積比較大，則會出現(xiàn)先現(xiàn)實無樣式的頁面，閃爍一下之后再出現(xiàn)設(shè)置樣式的效果。從瀏覽者的感受來說，這是使用導(dǎo)入式的一個缺陷。

HTML中怎么導(dǎo)入css？

參考以下html導(dǎo)入css的方式：

HTML 中引入 CSS 的方式

有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優(yōu)缺點。

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

內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。

示例：

div style="background: red"/div

這通常是個很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個 div 擁有相同的樣式，你不得不重復(fù)地為每個 div添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內(nèi)聯(lián)方式引入 CSS 代碼會導(dǎo)致 HTML 代碼變得冗長，且使得網(wǎng)頁難以維護(hù)。

嵌入方式

嵌入方式指的是在 HTML 頭部中的 style 標(biāo)簽下書寫 CSS 代碼。

示例：

head

style

.content {

background: red;

}

/style

/head

嵌入方式的 CSS 只對當(dāng)前的網(wǎng)頁有效。因為 CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS 樣式。因為嵌入的 CSS 只對當(dāng)前頁面有效，所以當(dāng)多個頁面需要引入相同的 CSS 代碼時，這樣寫會導(dǎo)致代碼冗余，也不利于維護(hù)。

鏈接方式

鏈接方式指的是使用 HTML 頭部的 head 標(biāo)簽引入外部的 CSS 文件。

示例：

head

link rel="stylesheet" type="text/css" href="style.css"

/head

這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于單獨的 CSS 文件中，所以具有良好的可維護(hù)性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可。

導(dǎo)入方式

導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。

示例：

style

@import url(style.css);

/style

比較鏈接方式和導(dǎo)入方式

鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用 @import。

link 屬于 HTML，通過 link 標(biāo)簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語句應(yīng)寫在 CSS 中，要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭，否則無法正確導(dǎo)入外部文件；

@import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件；

當(dāng) HTML 文件被加載時，link 引用的文件會同時被加載，而 @import 引用的文件則會等頁面全部下載完畢再被加載；

小結(jié)：我們應(yīng)盡量使用 link 標(biāo)簽導(dǎo)入外部 CSS 文件，避免或者少用使用其他三種方式。