其實我是寫css的新手,因為沒有美術天份,所以對這類設計方面的工作向來是很有自知之明的敬而遠之。不過因為工作的關係,英文字母+符號的『天書』看得多了,講講語法應該還過得去。
這應該(如果我不拖稿的話)會是一系列的文章,從最初的css組成結構(本篇)一直到版面控制、字型效果等,如果可能的話還會把一些特殊效果的處理當例子來介紹一些特殊調整的作法。當然,會盡量以pixnet為例來說明。
因為自己本身不是科班出身(我受過最高深的資訊教育是大學時期的計算機概論),所以本文不太可能會有什麼高深的論點,只是很直覺的說明怎麼做出一個css出來而已。CSS是什麼?
CSS簡單來說是將網頁的html語法中有關外觀的部份分離出來,就像是使用word編寫報告時,報告的文字就是html,而設定的段落格式等等就是CSS了。

CSS語法的組成

所有的CSS都分成兩部份:標籤及設定值。
何謂標籤及設定值?我直接舉實例比較清楚:
以下是精簡過後的網頁原始碼,我用顏色標註了兩個由

acmanlab 發表在 痞客邦 留言(7) 人氣()