html引用css方法如下
站在用戶的角度思考問題，與客戶深入溝通，找到洛扎網(wǎng)站設(shè)計與洛扎網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋洛扎地區(qū)。
1、直接在HTML標(biāo)簽中內(nèi)嵌css樣式
2、html中使用style自帶式
3、使用@import引用外部CSS文件
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)容
效果同上。
3、使用@import引用外部CSS文件方法
HTML代碼：
css引用方法實例
!--
@import url(wcss.css);/*這里是通過@import引用CSS的樣式內(nèi)容*/
--
我是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網(wǎng)頁中引入引入css主要有以下四種方式：
（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)站時，效果會好些。
在制作一個網(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)點(diǎn) 是可靈巧應(yīng)用樣式於各標(biāo)簽中，但是缺點(diǎn)則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽： 將樣式規(guī)則寫在STYLE.../STYLE標(biāo)簽之中。
通常是將整個的 STYLE.../STYLE結(jié)構(gòu)寫在網(wǎng)頁的HEAD /HEAD部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性，只要是有聲明的的元件即會套用該樣式規(guī)則。缺點(diǎn)就是在個別元件的靈活度不足。
三、使用 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)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案即可。缺點(diǎn)也是在個別文件或元件的靈活度不足。
四、使用@import引入： 跟LINK用法很像，但必 放在STYLE.../STYLE 中。
要注意的是，行末的分號是絕對不可少的！這種方式也可以把
在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)站時，效果會好些。
1、使用鏈接式
link href="style.css" rel="stylesheet" type="text/css" /
2、使用導(dǎo)入式
style type="text/css"
@import "style.css"
/style
擴(kuò)展資料：
二者的區(qū)別
導(dǎo)入式和鏈接式的目的都是將一個獨(dú)立的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 中引入 CSS 的方式
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優(yōu)缺點(diǎn)。
內(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 代碼只存在于單獨(dú)的 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 文件，避免或者少用使用其他三種方式。
重慶分公司
重慶分公司
