close

 





網站建置百寶箱


http://dob.tnc.edu.tw/


PCNET網路研究所


http://www.pcnet.idv.tw/


C S S 教學


http://www.pcnet.idv.tw/pcnet/css/css.htm


CSS基本概念


http://www.pcnet.idv.tw/pcnet/css/css2.HTM


 



 


CSS基本概念


要講CSS之前,先要概略知道HTML 4.0這個東西。HTML 4.0大家或多或少有有聽說過吧!有人亦稱之為Dynamic HTML(動態語言)。工友在這裡簡單的介紹一下這東西,Dynamic HTML實際上包含了三大要素,那就是「傳統的HTML」、「Script語言」以及「CSS」,換言之,您要完全操作Dynamic HTML語言,那麼以上三項要素您都要相當熟捻才行。


「傳統的HTML」,也就是所謂的HTML3.2,在上一個系列的教學文章已經涵蓋其大部分,若是您還不太熟,建議您K完後再來看這一系列文章比較好一點。至於,「Script語言」則是指JavaScript或是VBScript語言,這部份若是想學好,那又要花一番工夫了!等到這一系列寫到一個段落後,我們再來謝謝這方面的文章吧!而剩下的「CSS」就是這一系列文章要說明的玩意兒啦!

CSS是「Cascading Style Sheets」的縮寫,Cascading是串接、連接之意;Style則是風格、款式之意;Sheets則是一頁紙、表的意思。所以呢,要以中文來解釋CSS的話呢,您可以稱之為「串接樣式表」。很奇怪的一串名詞對不對,其實,當您CSS用習慣後,您會發現它會這樣被稱呼還蠻貼切的。


CSS能做什麼?可做的事可多著,不過,以最簡單的方式來比喻其功能的話,我們可以說它是網頁的美容師,凡是網頁上看得到的文字、圖片、表格、表單都有它發揮的空間,文字方面,您可以利用CSS來隨意設定字體大小(不再像HTML最大只能到size=7而已),設定行距、間距、去除連結底線…等。


您也可以利用CSS將圖片或文字精準的定位在網頁上的某一個地方,更可以更改表單、表格的框線、顏色…等,您甚至可以更改滑鼠形狀或是做出類似簡報的轉場效果。這些只是工友隨便舉幾個效果而已,實際上,若是要認真講解,是可以寫成一本書的。所以,今天這一系列工友盡量以一些實用的技巧,來介紹CSS,若是看完這篇教學後,還覺得意猶未盡的讀者,可以自行去買相關的書籍來閱讀喔!


 



網站建置百寶箱


http://dob.tnc.edu.tw/


PCNET網路研究所


http://www.pcnet.idv.tw/



C S S 教學


http://www.pcnet.idv.tw/pcnet/css/css.htm


CSS基本概念


http://www.pcnet.idv.tw/pcnet/css/css2.HTM


 



arrow
arrow
    全站熱搜

    林建良 發表在 痞客邦 留言(0) 人氣()