回首頁 與我們連絡 網站地圖 加入我的最愛



 

css.gif (1242 bytes) intitle.gif (2028 bytes)

CSS?這是什麼東東啊?!相信你看到這三個字母時必定與偶一樣:丈二金剛摸不著頭腦,其實CSS的全名是〔Casciding Style Sheet〕,以字面上來解釋就是〔連(串)接樣式表〕,這種說法不要說是剛接觸的你,連偶都搞不懂!簡單的說,就是網頁的文字格式設定啦!

 

:通吃瀏覽器
CSS樣式表,不管瀏覽者是使用何種瀏覽器來觀賞網頁皆能表現出網頁獨特的風格,不像JavaScript或VBScript語言會因為瀏覽器的不同而產生差異,不單是市場上使用率最高的 Microsoft Internet Explorer (IE)Netscape Communicator 瀏覽器支援,甚至許多非主流的瀏覽器,如 Emacs-W3、Arena......等,都有支援解析的能力。

:特立獨行的風格
一個人氣旺盛的網站之所以吸引人就是因為擁有獨一無二的風格!舉例來說:在 CSS樣式表出現之前,幾乎所有網頁中的
超鏈結文字都會加上底線 (Under Line) ,而且並無特色變化,如果加上CSS語法那可就大大不同啦!下方的兩個超鏈結文字樣式,你喜歡哪一個?

傳統式文字鏈結 CSS語法鏈結效果

麻辣家族討論版版

麻辣學園

:網路環保
在大家全力推廣全民上網的同時,出現了一個嚴重的危機
〔網路頻寬不足〕,一方面是因為上網人口的急速增加造成頻寬不足,但最大的原因是網頁設計者在網頁設計過程中使用了大量的圖片,圖片檔的體積大,在傳輸的過程中消耗了大量的網路資源,而CSS的出現將使這個問題獲得部分紓解,CSS可使用單純的文字來達到與圖片相同的表現效果!也就是說:一段簡短的文字就可以取代體積龐大的圖片!不但傳輸速度加快,同時也獲得與圖片相同的視覺效果。

:網頁維護容易
為了維持我們特立獨行的網站風格,同時也為了維持網頁的一致性,我們可以建立一個獨立的CSS樣式表檔案,讓我們建立的每一個網頁樣式都能參照此一樣式檔案,當此一樣式檔案內容改變後,所有有參照此一樣式檔案的網頁外觀也就會全部跟著改觀了,因此我們不必一一的修改各個網頁來達到網站風格的一致性,如果你維護的網頁只有幾頁,或許並不會感受到它的便利性,如果是上百頁甚至數百頁,你就會體會到它所帶來的便利性啦!

 

CSS 教學文件
CSS入門講座
基礎網頁應用
進階網頁應用
結合JavaScript應用
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為