使用樣式表有什么好處?
使用樣式表有以下優(yōu)點(diǎn):
1.內(nèi)容與表現(xiàn)分離寫一個(gè)網(wǎng)頁就好比建房子,房子的結(jié)構(gòu)通過磚塊、鋼筋、水泥搭建,后期通過瓷磚、地板等的裝飾,才能讓房子更加漂亮。
網(wǎng)頁通過HTML搭建整體結(jié)構(gòu),通過CSS修飾美化網(wǎng)頁。為了使得在搭建的過程中不受到美化網(wǎng)頁的影響,而是專注在結(jié)構(gòu)上。并且在后期的維護(hù)上也更加方便。
2.網(wǎng)頁的表現(xiàn)統(tǒng)一,容易修改分開之后,結(jié)構(gòu)和樣式在不同的文件,互不影響,結(jié)構(gòu)清晰,可讀性強(qiáng),后期如果修改維護(hù)便于定位查找。
3.豐富的樣式,使得頁面布局更加靈活首先樣式表中提供了強(qiáng)大的而且非常全面靈活的選擇器,可以供我們選取到網(wǎng)頁中的任何一個(gè)元素
從大的方面選擇器可以分為四大類:
1.基本選擇器
2.層次選擇器
3.結(jié)構(gòu)偽類選擇器
4.屬性選擇器
如下圖我只是截取了屬性選擇器中幾種:
其次樣式表不僅提供了文本效果、背景和邊框還有2D/3D 轉(zhuǎn)換、動畫、多列布局、用戶界面等。
4.減少網(wǎng)頁的代碼量,增加網(wǎng)頁的瀏覽速度,節(jié)省網(wǎng)絡(luò)帶寬很多CSS3技術(shù)通過提供相同的視覺效果而成為圖片的“替代品”
換句話說,在進(jìn)行Web開發(fā)時(shí),減少多余的標(biāo)簽嵌套以及圖片的使用數(shù)量,意味著用戶要下載的內(nèi)容將會更少,頁面加載也會更快。
另外,更少的圖片、腳本和Flash文件能夠減少用戶訪問Web站點(diǎn)時(shí)的HTTP請求數(shù),這是提升頁面加載速度的最佳方法之一。
而使用CSS3制作圖形化網(wǎng)站無需任何圖片,極大地減少了HTTP的請求數(shù)量,并且提升了頁面的加載速度
基于以上幾點(diǎn),使用樣式表是必須的!!