1.一個網(wǎng)頁可以簡單的分為三個部分：HTML——結(jié)構(gòu)吆你，CSS——表現(xiàn)碧磅，JavaScrip——行為。內(nèi)容和樣式的分離印叁，就是指在網(wǎng)頁編碼的過程中曹仗，要將HTML和CSS兩大部分分開榨汤。寫HTML的時候先不管樣式，重點放在HTML的結(jié)構(gòu)和語義化上怎茫，讓HTML能體現(xiàn)頁面結(jié)構(gòu)和內(nèi)容收壕；然后進行 CSS 樣式的編寫，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離） 遭居；寫JS的時候啼器，盡量不要用JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化（即行為分離）俱萍。
- 樣式與結(jié)構(gòu)分離的優(yōu)點：
瀏覽器加載網(wǎng)頁頁面速度變快端壳。分離原則下，頁面樣式的代碼寫在了CSS當(dāng)中枪蘑，頁面體積容量變得更小损谦。
修改網(wǎng)頁樣式時，更有效率岳颇、更省時間照捡。根據(jù)html標(biāo)簽內(nèi)ID或class的標(biāo)記，到CSS里找到相應(yīng)的ID或class话侧，可以快速替換指定位置的樣式栗精，不會破壞頁面架構(gòu)和其他部分的樣式。
可以確保網(wǎng)頁都能平穩(wěn)退化。具備CSS支持的瀏覽器固然可以把網(wǎng)頁呈現(xiàn)的美輪美奐悲立，不支持或禁用了CSS功能的瀏覽器同樣可以把網(wǎng)頁的內(nèi)容按照正確的內(nèi)容結(jié)構(gòu)顯示出來鹿寨。
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容薪夕。之后再去寫樣式脚草。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式原献，而是通過給元素添加刪除class來控制樣式變化馏慨。
- 文檔結(jié)構(gòu)與文檔樣式的分離可以確保網(wǎng)頁的平穩(wěn)退化，也讓內(nèi)容和樣式在可以分開獨立編輯姑隅。
