淺談CSS在網站制作中的應用

摘要：隨著信息技術的發展，網絡成為人們信息交流，轉播的重要媒介，而網頁的布局設計就是通過CSS來實現的，通過CSS來美化網頁的外觀，簡化網頁的格式代碼，加快下載速率，降低工作量。本文就CSS網頁制作的現狀，問題及應用談談CSS在網頁制作中的作用。

關鍵詞：CSS；網頁制作；現狀與應用，作用

中圖分類號：TP37

一、網站制作現狀及問題

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

二、CSS在網站制作中的應用

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

（一）嵌入內部樣式塊對象

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

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

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

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

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