歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)!
咨詢熱線 400-001-5729
>
新聞資訊 >
電腦/IT >
網(wǎng)頁(yè)制作 >
網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)CSS相關(guān)介紹2022-03-15 10:26:47|已瀏覽:141次
網(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ū)胪獠繕邮奖淼确椒ǎ褬邮教砑拥紿TML中,解決了內(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
姓名:
手機(jī):
地區(qū):