外部樣式表: 當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí)，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用 link 標(biāo)簽鏈接到樣式表。link 標(biāo)簽在（文檔的）頭部：head link rel="stylesheet" type="text/css" href="mystyle.css" / /head瀏覽器會(huì)從文件 mystyle.css 中讀到樣式聲明，并根據(jù)它來(lái)格式文檔。
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括漢陰網(wǎng)站建設(shè)、漢陰網(wǎng)站制作、漢陰網(wǎng)頁(yè)制作以及漢陰網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，漢陰網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到漢陰省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
內(nèi)部樣式表: 當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表。你可以使用 style 標(biāo)簽在文檔頭部定義內(nèi)部樣式表，就像這樣:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}?
內(nèi)聯(lián)樣式: 由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。請(qǐng)慎用這種方法，例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（style）屬性。
鏈接樣式表的方法基本有三種：
1、行內(nèi)樣式表：使用【style】屬性引入CSS樣式。
2、內(nèi)部樣式表：在【style】標(biāo)簽中書寫CSS代碼；【style】標(biāo)簽寫在【head】標(biāo)簽中。
3、外部樣式表：CSS代碼保存在擴(kuò)展名為【．css】的樣式表中；HTML文件引用擴(kuò)展名為【．css】的樣式表，有兩種方式：【鏈接式】和【導(dǎo)入式】。
CSS（層疊樣式表）介紹：
層疊樣式表（英文全稱：Cascading Style Sheets）是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。
CSS能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。
以上內(nèi)容參考：百度百科-CSS
鏈接外部樣式文件
外部引入CSS樣式文件是通過(guò)link標(biāo)簽實(shí)現(xiàn)的，它只能位于HTML文檔的head標(biāo)簽內(nèi)，且必須有href屬性，該屬性用于指定需要引入的CSS文件的路徑。
寫法：link rel="stylesheet" href="CSS樣式文件的絕對(duì)地址"
link元素中type用于規(guī)定鏈接文檔的MIME類型，rel屬性用于規(guī)定被鏈接文檔與當(dāng)前文檔之間的關(guān)系，如alternate用于定義交替出現(xiàn)的鏈接，appendix定義文檔的附加信息等，此外還有一些可選屬性，用于做一些除加載CSS文件的其他事情。link元素是XHMTL中的標(biāo)簽，當(dāng)HTML頁(yè)面被渲染時(shí)，link引用的CSS文件會(huì)被同時(shí)加載，我們也可以通過(guò)JavaScript控制DOM去改變link元素的CSS內(nèi)容。
導(dǎo)入外部樣式
導(dǎo)入外部樣式單的功能與鏈接外部樣式的功能差不多，都能實(shí)現(xiàn)一樣的功能，但是它們之間還是存在一定的差別的，導(dǎo)入外部樣式主要通過(guò)@import方式導(dǎo)入CSS文件。
寫法：
@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識(shí)別@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不識(shí)別@import url(style.css) //Windows NS4, Macintosh NS4不識(shí)別@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識(shí)別@import url("style.css") //Windows NS4, Macintosh NS4不識(shí)別
由上分析知道，@import url(style.css) 和@import url("style.css")是最優(yōu)的選擇，兼容的瀏覽器最多。從字節(jié)優(yōu)化的角度來(lái)看@import url(style.css)最值得推薦。
本段摘自：
添加css的方式：link與@import區(qū)別 - Wayne-Zhu - 博客園
@import是css2里面提出來(lái)的，低版本的瀏覽器不支持，注意它是css中屬性，如果要使用它，可以在style標(biāo)簽中書寫。但在CSS文件中再導(dǎo)入CSS文件，會(huì)給服務(wù)器造成太大的文件請(qǐng)求壓力，最好不要這樣做。
style
@import url(css/style.css);
/style
@import是由CSS提供的一種導(dǎo)入樣式的方式，當(dāng)頁(yè)面被加載時(shí)，@import會(huì)等到頁(yè)面全部被加載完成時(shí)再加載CSS樣式，所以在頁(yè)面還未加載完成期間，頁(yè)面還沒(méi)有CSS樣式效果，會(huì)導(dǎo)致“屏閃”，通過(guò)@import導(dǎo)入的CSS樣式是無(wú)法用DOM去控制的。
HTML文檔使用link .../元素來(lái)引入外部樣式文件,?link .../要放在head元素里
href="文件地址"
結(jié)合題目: style/css.css? 就是表示在html所在目錄里有個(gè)文件夾style. 該文件夾里有一個(gè)css文檔,? 該css文檔名字叫css
type="文件類型"
常見的有text/css表示層疊樣式表
text/javascript 表示 javascript腳本
rel="外部文件和HTML文檔的關(guān)系"
stylesheet: 表示外部文件是該HTML的樣式表
參考代碼 HTML文件
!DOCTYPE?html
html
head
link?href="style/css.css"?type="text/css"?rel="stylesheet"/
meta?charset="utf-8"
titleTest/title
/head
body
h3?id="title"標(biāo)題/h3
p?class="myp"風(fēng)云/p
p?class="myp"雷電/p
/body
/html
參考CSS文件(注意該文件,在html所在目錄的style文件夾里, 詳細(xì)看前面的圖)
#title{
color:#f00;
}
.myp{
background:#999;
}
效果圖
僅用于當(dāng)前網(wǎng)頁(yè)的CSS樣式和外部鏈接CSS樣式的主要區(qū)別：
1、適用范圍：
由頁(yè)面進(jìn)行調(diào)用，多個(gè)網(wǎng)頁(yè)可以調(diào)用一個(gè)外部樣式文件，因此可以實(shí)現(xiàn)代碼的最大化使用及網(wǎng)站文件的最優(yōu)化配置。一般是采用link href="style/style.css" rel="stylesheet" type=text/css"/進(jìn)行調(diào)用。而僅用于當(dāng)前網(wǎng)頁(yè)的CSS樣式就如同字面上的意思，只有當(dāng)前一個(gè)網(wǎng)頁(yè)能夠適用該css。
2、耦合度：
外部鏈接CSS樣式是獨(dú)立于HTML文件單獨(dú)可以存在的，因此與網(wǎng)頁(yè)的HTML文件耦合度減低了，在后期維護(hù)時(shí)就更方便更安全。僅用于當(dāng)前網(wǎng)頁(yè)的CSS樣式存在于HTML文件中，對(duì)后期的更新維護(hù)不利。
擴(kuò)展資料：
CSS的語(yǔ)言特點(diǎn)：
1、豐富的樣式定義：
CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁(yè)面效果。
2、多頁(yè)面應(yīng)用：
CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。
3、層疊：
簡(jiǎn)單的說(shuō)，層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對(duì)一個(gè)站點(diǎn)中的多個(gè)頁(yè)面使用了同一套CSS樣式表，而某些頁(yè)面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁(yè)面中。這些后來(lái)定義的樣式將對(duì)前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
參考資料：百度百科——css
重慶分公司
重慶分公司
