網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)中常用的CSS是指層疊樣式表(Cascading Style Sheets)，是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言，其主要是用于控制顯示HTML元素。

一、網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)什么是CSS

      CSS指層疊樣式表(Cascading Style Sheets)，是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。

      它是一項(xiàng)“嶄新”的“老技術(shù)”，早在1996年，它就用于對(duì)HTML頁(yè)面和部分元素進(jìn)行控制，而直到近年，CSS才被全面用于控制顯示HTML元素。

      外部樣式表通常存儲(chǔ)在CSS文件中，通過(guò)鏈接或?qū)�入外部樣式表等方法，把樣式添加到HTML中，解決了內(nèi)容與表現(xiàn)分離的問(wèn)題，極大提高了工作效率。

二、網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)CSS布局的優(yōu)點(diǎn)

      (1)使頁(yè)面載入得更快：由于將大部分頁(yè)面代碼寫(xiě)在了CSS當(dāng)中，使得頁(yè)面體積容量變得更小。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。

      (2)降低流量費(fèi)用：頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢(shì)了。

      (3)修改設(shè)計(jì)時(shí)更有效率：由于使用了DIV+CSS制作方法，在修改頁(yè)面更加省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁(yè)面時(shí)更加方便，也不會(huì)破壞頁(yè)面其他部分的布局樣式。

      (4)頁(yè)面布局靈活：DIV+CSS使得頁(yè)面布局方便操作靈活，改版時(shí)只需改CSS樣式即可實(shí)現(xiàn)頁(yè)面重新布局，而不用改動(dòng)程序，從而降低了網(wǎng)站改版的成本。頁(yè)面效果豐富，包括視覺(jué)效果和用戶體驗(yàn)，比如拖拉。

三、網(wǎng)頁(yè)使用css樣式的4種方式

      鏈接外部樣式文件：這種方式將樣式文件徹底與HTML文檔分離，祥式文件需要額外引入。在這種方式下，一批樣式可控制多份文檔。

      導(dǎo)入外部樣式文件：這種方式與上一種方式類(lèi)似，只是使用@import來(lái)引入外部樣式單。

使用內(nèi)部樣式定義：這種方式是通過(guò)在HTML文檔頭定義樣式單部分來(lái)實(shí)現(xiàn)的。在這種方式下，每批CSS樣式只控制一份文檔。

      使用內(nèi)聯(lián)樣式：這種方式將樣式內(nèi)聯(lián)定義到具體的HTML元素，通常用于精確控制一個(gè)HTML元素的表現(xiàn)。在這種方式下，每份CSS樣式只控制單個(gè)HTML元素。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-25132.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050