怎樣理解內(nèi)容與樣式分離的原則
在 Web 開發(fā)中，所謂內(nèi)容與樣式分離，就是讓內(nèi)容的歸 HTML, 樣式歸 CSS, 不要混著用。
為了理解為什么要把內(nèi)容與樣式分離，我們先來看看，在互聯(lián)網(wǎng)早期，內(nèi)容和樣式混在一起是什么樣。
<p font="Arial" color="pink"></p>
上面這個(gè)例子，在元素 p 里，加入了字體和字體顏色這兩個(gè)表示樣式的屬性，如果我一篇文檔里有好幾個(gè)段落，都要設(shè)置成這樣，那我就要為每一個(gè)
<p>加上這兩個(gè)屬性。是不是覺得有點(diǎn)麻煩？接下來，我覺得這個(gè)字體和顏色不好看，要換成別的，那我就要找開文件，找到每一個(gè)
<p>, 把相應(yīng)的屬性一個(gè)一個(gè)來更改。是不是覺得更麻煩了？麻煩的還在后面！接下來，我這個(gè)項(xiàng)目里面有好幾個(gè)、甚至幾十個(gè)網(wǎng)頁，都要用同樣的字體和顏色，怎么辦？只有一個(gè)一個(gè)去改嘍！是不是瞬間覺得崩潰了？
如果把樣式單獨(dú)抽離出來，就不會(huì)存在上面的問題了，代碼會(huì)得到精簡(jiǎn)和重用，后期的維護(hù)會(huì)變得非常簡(jiǎn)單。我只用寫一個(gè) class 的樣式，就可以同時(shí)更改多個(gè)有相同 class 的元素的樣式；只用一個(gè) css 文件，就可以同時(shí)鏈接到多個(gè) HTML 頁面上。
