CSS 語法整理

基本語法====================================

文字屬性一覽================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200% /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
背景語法===================================

背景屬性一覽================================
background-color:#F5E2EC /*背景色彩*/
background-image : url(image/bg.gif) /*背景圖片*/
background-attachment : fixed /*固定背景*/
background-repeat : repeat /*重複排列-網頁預設*/
background-repeat : no-repeat /*不重複排列*/
background-repeat : repeat-x /*在x軸重複排列*/
background-repeat : repeat-y /*在y軸重複排列*/
background-position : 90% 90% /*背景圖片x與y軸的位置*/

連結語法====================================

連結屬性一覽==================================
A/*所有超連結*/
A:link/*超連結文字格式*/
A:visited/*瀏覽過的連結文字格式*/
A:active/*按下連結的格式*/
A:hover/*滑鼠移至連結*/
text-decoration:none;/*刪除連結線*/}
{cursor:s-resize;/*滑鼠指標樣式*/
font-weight:bold; /*文字粗體*/
border : 1px dotted #cc3300 ; /*文字框線*/}

滑鼠指標樣式一覽===============================
cursor:crosshair 十字型 cursor:s-resize 箭頭朝下
cursor:move 十字箭頭 cursor:e-resize 箭頭朝右
cursor:help 加一問號 cursor:w-resize 箭頭朝左
cursor:n-resize 箭頭朝上 cursor:ne-resize 箭頭朝右上
scursor:nw-resize 箭頭朝左上 cursor:text 文字I型
cursor:se-resize 箭頭斜右下 cursor:sw-resize 箭頭斜左下
cursor:wait 漏斗 cursor:nono 預設

彩色捲軸=======================================

刪除捲軸=====================================

滑鼠移過連結位移============================

說明:
在a:hover 滑鼠移至連結的屬性做文字位置的變化
top:1px;left:1px 位移數值
right:1px;bottom:1px 可改變位移方向

表格透明效果================================

說明:
opacity=60 設定透明度(值越小越透明)

資料來源:糖糖OCE
http://www.hsiu28.net/
資料篇排:小光

採買

今天,騎著摩托車帶蔡頭出去巡視台北市政。

第一站,到南京西路的圓環小巷子,
那邊可是漫畫中盤商的聚集地,蔡頭去拿訂購的小說。

第二站,到南京西路的衣蝶,
蔡頭去Body Shop買保養液。

第三站,到火車站前的NOVA,
小柯去買印表機的碳粉匣。

第四站,到西門町的王記府城,
各吃了一個肉粽和一碗麵線。

第五站,到附近的新東陽門市買月餅,
因為蔡頭的爸爸每年都指名要吃新東陽。

第六站,蔡頭說她好想吃餛飩,
於是她押著我去吃「趙記」的菜肉餛飩湯。

「咦?我吃過這一家的餛飩吧?」我邊吃邊問
「對呀,我帶你來吃過一次...」

「我那次有吃餛飩嗎?」我喝了一口湯
「有呀,而且你說你不喜歡吃這樣口味的餛飩...」

對!我忘了,我確實不喜歡吃這種菜肉餛飩,
過了一年多,我著實忘了,今天再度品嚐,還是不愛吃。

我還是喜歡吃三重菜市場賣的那種豬肉小餛飩,一盒15粒,35元,三盒100元。
煮一包排骨雞麵,再加一盒豬肉小餛飩,那是令我懷念的單身漢料理。

柯南 VS 李昌鈺

近一周,早上八點鐘,都看三立都會台的「名偵探柯南」。
近兩周,晚上九點半,都看衛視中文台的「李昌鈺之蛛絲馬跡」。

一個是虛擬的偵探神童,一個是真實的鑑識人員。

柯南的劇情,總是強調真相只有一個,
只要找出犯罪證據,犯人自然就會俯首稱臣。

李昌鈺的劇情,雖然真相還是只有一個,
但即使找出犯罪證據,犯人還是會狡賴詭辯。

虛擬的情境是完美簡單的,真實的犯罪是醜陋複雜的。

記得好久之前,有一個叫做「天眼」的節目。
最後,總是由一個叫「老金」的人會出來做總結:老天有眼,明察秋毫。

我愛看這樣類型的節目,但不是我有暴力傾向,
而是我喜歡正義伸張、惡有惡報的痛快感。

晚餐

「厚~你怎麼把吃咖哩的事寫出來?」蔡頭跟我抗議
「就是很好吃啊!」

「你是不是日記沒東西寫,所以寫這個事情?」蔡頭質問我
「晚餐也很好吃啊!」

「那你明天不就會寫...」
「對呀!就是寫今天晚餐吃炒飯和玉米濃湯的事。」

是的,我今天晚餐就是吃蔡頭準備的炒飯和玉米濃湯。
炒飯是義美的鮭魚炒飯。
玉米濃湯是康寶濃湯+綠巨人玉米罐頭。

簡單的晚餐,但我還是吃得盤底朝天,整鍋湯也被我喝完。
好吃是不用多說的,吃光光就是最佳的證明。

「小小柯今天有動動嗎?」我問道
「有啊~早上、晚上都有在動動...」蔡頭摸著肚子

小小柯的胎動,已經成為我和蔡頭重視的大事,
小小柯似乎也在告訴我們:「爸媽,我在健康地長大喲!」