網站建置百寶箱
站內搜尋
Openfind
討論區 討論 寫信給工友 寫信 回首頁 首頁

作者登入界面
帳號:
密碼:
加入作者群

熱門單元

TOP 20 作者
TOP作者文章數
1工友163
2linss27
3風痕影23
4羅蘋19
5Marcus16
6Dick15
7nick15
8aaron14
9搖頭老爹13
10希爾菲斯.卡楚斯特13
11蒼穹之子12
12Mowd12
13Y媽11
14無敵大香蕉11
15蛋蛋11
16小多比蝴蝶11
17逸風10
18ybjou10
19gary10
20街燈電箱150號10
人氣值今日:2217 總計:3885155
單元: ,專欄: ,文章:
首頁CSS操控術/有個概念】 ▼【事前準備】
選單 作者: 工友tad@ms1.url.com.tw 人氣值 123666 友善列印
寄回信箱 寄回信箱

好久沒有寫寫新單元了,從今天起,工友將陸續介紹一系列CSS的文章。為什麼要先介紹CSS而不介紹CGI或是JavaScript呢?原因很簡單,因為CSS是DHTML中,較為易學的一種,而且也相當實用。相信對於一些有程式恐懼症的網友而言,應該是蠻容易能夠接受的單元,當然,往後陸續也會推出CGI、JavaScript、PHP的單元喔!請拭目以待吧!(順便祈禱工友的老闆別再替工友去承包那麼多工作了...)


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

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

【網友補充說明】

我要補充(需有作者身份) 我要修改(僅限作者本人)
觀看【有個概念相關討論】〈共有 15 篇相關討論〉

本單元『有個概念』由工友撰寫教學內容。 ▼【事前準備】