淺談CSS在網(wǎng)站制作中的應(yīng)用

摘要：隨著信息技術(shù)的發(fā)展，網(wǎng)絡(luò)成為人們信息交流，轉(zhuǎn)播的重要媒介，而網(wǎng)頁的布局設(shè)計就是通過CSS來實現(xiàn)的，通過CSS來美化網(wǎng)頁的外觀，簡化網(wǎng)頁的格式代碼，加快下載速率，降低工作量。本文就CSS網(wǎng)頁制作的現(xiàn)狀，問題及應(yīng)用談?wù)凜SS在網(wǎng)頁制作中的作用。

關(guān)鍵詞：CSS；網(wǎng)頁制作；現(xiàn)狀與應(yīng)用，作用

中圖分類號：TP37

一、網(wǎng)站制作現(xiàn)狀及問題

隨著科學(xué)技術(shù)的進步，網(wǎng)頁內(nèi)容設(shè)計的豐富多彩，網(wǎng)頁設(shè)計包括動畫、媒體、圖像及技術(shù)等多種元素集合的體現(xiàn)。這么多的內(nèi)容要保持一個統(tǒng)一的風(fēng)格，傳統(tǒng)的設(shè)計已經(jīng)不能滿足網(wǎng)絡(luò)的發(fā)展需要。這時CSS樣式設(shè)計就能給網(wǎng)頁帶來更多的元素。用HTML作網(wǎng)站的人會發(fā)現(xiàn)就是明明排好版的網(wǎng)頁到了顯示器的分辨率不同的機器上，網(wǎng)頁上的字體大小就變得不一致了，網(wǎng)頁的美觀感就打了大大的折扣。由于網(wǎng)頁文件沒有統(tǒng)一定義字體大小的功能，這樣就需要對每一個文字調(diào)整大小，這樣瀏覽解析時要花費大量的時間，也增加網(wǎng)頁文件的代碼。而CSS就能解決上面提到的問題，并已經(jīng)在內(nèi)部網(wǎng)、省委網(wǎng)、新工作網(wǎng)等多個網(wǎng)站實踐證明過了。

二、CSS在網(wǎng)站制作中的應(yīng)用

CSS全名叫層疊樣式表單，是由W3C組織提出來增強網(wǎng)頁的形式和讓HTML文件的內(nèi)容和形式分開的一種形象的叫法。CSS就是一種設(shè)計網(wǎng)頁式樣的軟件。CSS是HTML4.0擁有的新功能，它的格式設(shè)置功能比HTML樣式表更全面，網(wǎng)頁設(shè)計內(nèi)容效果也更加的多樣。用CSS軟件可以以更加靈活、多樣的形式對文字段落、字體的顏色、大小還有頁面版式進行格式化的設(shè)計。使網(wǎng)頁在視覺上觀賞性強，簡潔大方。用下面三種方式把樣式表格加入到用CSS技術(shù)建立的網(wǎng)頁中。

（一）嵌入內(nèi)部樣式塊對象

樣式表的信息在HTML文檔的頂部插入對象就可以全部找到，就是在< HEAD > 和之間插人例如：

不支持CSS的瀏覽器可以通過把STYLE對象的TYPE屬性設(shè)置為“text/css”讓樣式表單不在被瀏覽器阻止之列。有些老式的瀏覽器，像MAC機用的IE2.0在設(shè)定了TYPE=“text/css”屬性的情況下，會顯示出樣式表的代碼，且瀏覽器也不能繼續(xù)執(zhí)行下面的語句而不管樣式表單的形式。但如果有“<！—”和“-->”這樣的注釋標(biāo)簽的話不會發(fā)生這種情況了。更為重要。因此可以看出注釋標(biāo)簽在瀏覽器忽視樣式表單中起著重大的作用。

HTML的整個頁面都被嵌入樣式表規(guī)則后，瀏覽器在頁面上就按照這個規(guī)則運行，你設(shè)置的關(guān)于頁面的數(shù)據(jù)就是你所看到的頁面形式。采用嵌入樣式表規(guī)則非常適用于網(wǎng)站每一頁使用的CSS都不一樣這種情況。

（二）鏈接外部樣式表文件

現(xiàn)在降低樣式編輯操作的繁瑣性的辦法，通常都是先把CSS樣式表的定義部分根據(jù)網(wǎng)頁上的有關(guān)內(nèi)容，進行專門的提煉和整合，并以文本文件的方式儲存起來。在網(wǎng)頁上要使用什么樣的CSS樣式定義，就只需要找到相應(yīng)的樣式表文件名稱就可以成功使用了。樣式表文件名稱有很強的嚴(yán)謹(jǐn)性，隨便的改變樣式表文件的某一個內(nèi)容，所有頁面設(shè)計也會隨之做出改變。這個特點對大站點的維修、保護是非常的便利的。在樣式表文件的使用時，在HEAD部分使用標(biāo)簽，而不使用