內(nèi)部樣式解決了內(nèi)聯(lián)樣式的問題凿蒜，但他也有弊端禁谦，主要表現(xiàn)在一下兩個方面：
弊端1，內(nèi)部樣式只能作用于一個頁面废封，如果要實現(xiàn)多個頁面共享一個樣式州泊，就做不到了。
弊端2虱饿，隨著樣式代碼的不斷增加拥诡，在編輯器中触趴，要不停的上下滾動屏幕來編輯樣式，很不方便渴肉。
解決這些弊端的方法就是使用外部 CSS冗懦。
外部 CSS，也叫外部樣式仇祭，可以通過改變一個文件來改變整個網(wǎng)站的外觀披蕉！
外部樣式，將 CSS 代碼放在一個獨立的乌奇，以 .css 為后綴名的文件中没讲，使 html 頁面結(jié)構(gòu)文件和 css 樣式文件完全獨立開來。
每個HTML頁面都必須在 head 元素里添加 <link> 元素礁苗，link 是鏈接的意思爬凑。
在 <link> 元素里定義 rel 屬性，rel 是 relationship 的縮寫试伙，譯為關(guān)系嘁信、關(guān)聯(lián)，值為 stylesheet疏叨，表示關(guān)聯(lián)一個樣式表潘靖。
再定義一個 href 屬性，用來設置一個對外部樣式表文件的引用蚤蔓，值為 .css 文件的路徑卦溢。
我們來做個例子。
在 002-add-css 文件夾里創(chuàng)建一個 external-1.html 文件秀又，構(gòu)建好基礎代碼单寂。添加 h1 和 p 元素，分別填入一些文本涮坐。
再創(chuàng)建一個 external-2.html 文件凄贩，構(gòu)建好基礎代碼。添加 h1 和 p 元素袱讹，分別填入一些文本疲扎。
在 002-add-css 文件夾里創(chuàng)建一個 mystyle.css 文件椒丧，在這個文件里直接編寫樣式：
body救巷，空格，花括號棒假，回車，定義樣式屬性名 background-color帽哑，冒號，屬性值為 lightblue僻族，分號述么。
h1愕掏，空格，花括號亭珍，回車，color，navy众羡，分號蓖租，margin-left，20px齐婴，分號稠茂。
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
前面說到睬关，樣式表代碼的編寫格式很寬松，但是我們編寫樣式的時候還是要有一定的規(guī)范：
選擇器和花括號中間用一個空格隔開蔫仙；
每一條樣式聲明語句單獨一行定義丐箩；
兩組樣式定義用空行來分隔恤煞。
樣式文件定義好后阱州，在 external-1.html 文件的 head 元素里輸入 link法梯，按下回車鍵或 tab 鍵，emmet 會為我們自動補全一些代碼夜惭，我們只需要設置 href 屬性的外部樣式文件路徑就好了铛绰。這里我們填入 mystyle.css。保存敢会。
預覽頁面这嚣，第一個頁面的樣式添加好了。
在 external-2.html 文件的 head 元素里也添加一個 link 元素吏垮，設置同樣的路徑 mystyle.css罐旗。保存。
預覽頁面遗嗽，第二個頁面的樣式也添加好了鼓蜒。
不難發(fā)現(xiàn)，在 mystyle.css 定義的一套樣式晴音，應用到了兩個頁面上缔杉，做到了多個頁面的樣式共享。
