怎樣理解內(nèi)容與樣式分離的原則
在 Web 開(kāi)發(fā)中剃诅，所謂內(nèi)容與樣式分離送挑，就是讓內(nèi)容的歸 HTML, 樣式歸 CSS, 不要混著用蕴忆。
為了理解為什么要把內(nèi)容與樣式分離金麸，我們先來(lái)看看逃延，在互聯(lián)網(wǎng)早期览妖，內(nèi)容和樣式混在一起是什么樣。
<p font="Arial" color="pink"></p>
上面這個(gè)例子揽祥，在元素 p 里讽膏，加入了字體和字體顏色這兩個(gè)表示樣式的屬性，如果我一篇文檔里有好幾個(gè)段落拄丰，都要設(shè)置成這樣府树，那我就要為每一個(gè)
<p>加上這兩個(gè)屬性。是不是覺(jué)得有點(diǎn)麻煩料按？接下來(lái)奄侠，我覺(jué)得這個(gè)字體和顏色不好看，要換成別的载矿，那我就要找開(kāi)文件垄潮，找到每一個(gè)
<p>, 把相應(yīng)的屬性一個(gè)一個(gè)來(lái)更改。是不是覺(jué)得更麻煩了闷盔？麻煩的還在后面弯洗！接下來(lái)，我這個(gè)項(xiàng)目里面有好幾個(gè)逢勾、甚至幾十個(gè)網(wǎng)頁(yè)牡整，都要用同樣的字體和顏色，怎么辦溺拱？只有一個(gè)一個(gè)去改嘍逃贝！是不是瞬間覺(jué)得崩潰了？
如果把樣式單獨(dú)抽離出來(lái)盟迟，就不會(huì)存在上面的問(wèn)題了秋泳，代碼會(huì)得到精簡(jiǎn)和重用，后期的維護(hù)會(huì)變得非常簡(jiǎn)單攒菠。我只用寫(xiě)一個(gè) class 的樣式迫皱，就可以同時(shí)更改多個(gè)有相同 class 的元素的樣式；只用一個(gè) css 文件辖众，就可以同時(shí)鏈接到多個(gè) HTML 頁(yè)面上卓起。
