三返奉、怎樣理解內(nèi)容與樣式分離的原則
3.1 首先理解內(nèi)容和樣式分別是什么尤蒿？
當(dāng)我們談內(nèi)容和樣式的時候粗合，我們在談什么萍嬉？
我們其實在談網(wǎng)頁的組成部分：
一個網(wǎng)頁分為三個部分：HTML——結(jié)構(gòu)，也就是內(nèi)容隙疚，css——表現(xiàn)壤追，也就是樣式，javascript——行為供屉。
所以我們今天談到的內(nèi)容和樣式分別就是HTML和CSS行冰，所以內(nèi)容和樣式分離，就是指在網(wǎng)頁
編碼的過程中伶丐，要將html和css兩大部分分開悼做。
讓上帝的歸上帝，讓凱撒的歸凱撒哗魂；讓內(nèi)容的歸HTML肛走，讓樣式歸CSS。
3.2 那么為什么要將內(nèi)容和樣式分離啡彬？
這里我們可以參考一個比較形象的概念：換膚羹与。
還記得我們給QQ空間、個人微博首頁進(jìn)行一鍵換膚的操作么庶灿？
我們可以輕松改變頁面的樣式和展現(xiàn)、但是具體頁面的內(nèi)容以及結(jié)構(gòu)都為發(fā)生改變吃衅。
這個就是因為內(nèi)容和樣式分離的原因往踢。
當(dāng)我們要改變頁面某個部分顏色、某段字體的大小時徘层，就沒必要一個個去找到這個部分字體峻呕，而是在CSS里面利职，直接改動該部分樣式。想象一下瘦癌，如果一個網(wǎng)站有很多頁面猪贪，有很多很多個段落，如果一個個去改讯私，豈不是很耗時热押？
所以，一言以蔽之斤寇，為什么要將內(nèi)容和樣式分離桶癣，歸根結(jié)底還是為了讓前端頁面變得清晰易讀、易于維護(hù)娘锁。
3.3 一件往事牙寞？
這里，我想到了以前的經(jīng)歷：
當(dāng)大三莫秆，我在一家門戶網(wǎng)站實習(xí)的時候间雀，我們要做專題頁面，也就是一個個的前端頁面镊屎，需要前端小姐姐小哥哥幫忙開發(fā)個模板雷蹂，因為分幾期，所以有模板方便自己之后根據(jù)模板填充修改內(nèi)容杯道。我個人那個時候還處于剛剛接觸HTML的時候匪煌，對CSS、內(nèi)容和樣式分離什么的還不了解党巾。所以當(dāng)我看到前端小姐姐最后給我的模板萎庭，是把CSS文件做成.css這樣的超鏈放在了<head></head>標(biāo)簽里是我是崩潰的，因為這樣我就看不懂了整個模板在說什么齿拂，更不會改了驳规。。然后我強(qiáng)迫前端小姐姐署海，把樣式一個個重新寫到了< body></body>吗购、<p></p>等各個對應(yīng)內(nèi)容標(biāo)簽里。砸狞。捻勉。
現(xiàn)在想想當(dāng)時那個小姐姐怎么沒打死我...
人家規(guī)規(guī)矩矩按照內(nèi)容和樣式分離的原則來寫的頁面，非被我逼著將內(nèi)容和樣式混在了一起５渡ｕ馄簟！
