在制作一個(gè)網(wǎng)頁(yè)的時(shí)候，Css樣式的添加一共有四種方式，一起來(lái)看看這四種方式：
成都創(chuàng)新互聯(lián)公司是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開(kāi)發(fā)，網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站模板，微信公眾號(hào)開(kāi)發(fā)，軟件開(kāi)發(fā)，小程序設(shè)計(jì)，10余年建站對(duì)樓梯護(hù)欄等多個(gè)方面，擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)。
一、使用STYLE屬性： 將STYLE屬性直接加在個(gè)別的元件標(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)則是沒(méi)有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽： 將樣式規(guī)則寫(xiě)在STYLE.../STYLE標(biāo)簽之中。
通常是將整個(gè)的 STYLE.../STYLE結(jié)構(gòu)寫(xiě)在網(wǎng)頁(yè)的HEAD /HEAD部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性，只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。
三、使用 LINK標(biāo)簽： 將樣式規(guī)則寫(xiě)在.css的樣式檔案中，再以LINK標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案，我們只要在網(wǎng)頁(yè)中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫(xiě)在網(wǎng)頁(yè)的head/head部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。
四、使用@import引入： 跟LINK用法很像，但必 放在STYLE.../STYLE 中。
要注意的是，行末的分號(hào)是絕對(duì)不可少的！這種方式也可以把
1.內(nèi)聯(lián)方式（行內(nèi)樣式）
就是在HTML的標(biāo)簽中使用style屬性來(lái)設(shè)置css樣式
格式：html標(biāo)簽 style="屬性:值;屬性:值;...."被修飾的內(nèi)容/html標(biāo)簽
p style="color:orange;font-size:18px"在HTML中如何使用css樣式/p
1
特點(diǎn)：僅作用于本標(biāo)簽。
2. 內(nèi)部方式（內(nèi)嵌樣式）
就是在head標(biāo)簽中使用標(biāo)簽來(lái)設(shè)置css樣式
格式： style type="text/css" ....css樣式代碼 /style
特點(diǎn)：作用于當(dāng)前整個(gè)頁(yè)面
3. 外部導(dǎo)入方式（外部鏈入）
3.1 （推薦）就是在head標(biāo)簽中使用標(biāo)簽導(dǎo)入一個(gè)css文件，在作用于本頁(yè)面，實(shí)現(xiàn)css樣式設(shè)置
格式：link href="文件名.css" type="text/css" rel="stylesheet"/
3.2 還可以使用import在style標(biāo)簽中導(dǎo)入css文件。
如：style type="text/css" @import "style.css"; /style
特點(diǎn)：作用于整個(gè)網(wǎng)站
他們的優(yōu)先級(jí)：當(dāng)樣式?jīng)_突時(shí)，就是采用就近原則，是值css屬性離被修飾的內(nèi)容最近的為主。
若沒(méi)有樣式?jīng)_突則采用疊加效果。
在html網(wǎng)頁(yè)中引入引入css主要有以下四種方式：\x0d\x0a（1）行內(nèi)式\x0d\x0a
網(wǎng)頁(yè)中css的導(dǎo)入方式\x0d\x0a\x0d\x0a（2）嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般寫(xiě)在head中，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便。\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文件。但是鏈接式對(duì)于客戶端用戶瀏覽網(wǎng)站時(shí)，效果會(huì)好些。
1、直接使用行內(nèi)樣式，即在html標(biāo)簽上使用style
div?style="width:100px;height:100px;background:red;"div內(nèi)容/div
2、先定義css樣式，再給html的class屬性賦值
style
.content{
width:100px;
height:100px;
background:red;
}
/style
div?class="content"
div測(cè)試內(nèi)容
/div
總結(jié)：兩種方式效果是一致的，只是第二種方式可進(jìn)行重用，只要html元素class屬性相同即可
在html網(wǎng)頁(yè)中引入引入css主要有以下四種方式：
（1）行內(nèi)式
網(wǎng)頁(yè)中css的導(dǎo)入方式
（2）嵌入式
嵌入式一般寫(xiě)在head中，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便。
（3）導(dǎo)入式
!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的標(biāo)記之間導(dǎo)入一個(gè)外部樣式表，導(dǎo)入時(shí)用@import。 --
（4）鏈接式
導(dǎo)入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對(duì)于客戶端用戶瀏覽網(wǎng)站時(shí)，效果會(huì)好些。
重慶分公司
重慶分公司
