TeTseng's Blog

感謝K小姐《a類》
◎【a img 代表圖片(封面)還沒碰到滑鼠的時候】

◎【a:hover 代表滑鼠碰到之後才會顯示的效果】
=========================================================================
《b類》
◎【border 邊緣】

◎【border-style 邊框樣式】

┌一般常用線條:solid(實心線)、dotted(點)、dashed(短線)、double(雙實線)
※樣式┤
└立體效果線條:groove(立體內凸框)、ridge(立體浮凸框)、inset(凹框)、outset(凸框)

◎【background-image 背景圖】

◎【background-color 背景色】
※transparent(穿透)

◎【background-repeat 背景圖重複並排的設定】
※repeat(並排預設)、repeat-x(往右並排)、repeat-y(往下並排)、no-repeat(不並排)

◎【background-attachment 背景圖是否固定設定】
※scroll(跟著滾軸跑)、fixed(固定背景不動)

◎【background-position 指定背景圖片位置】
※x%(往右移)、y%(往下移)、top(上,即y=0)、center(置中,即x=50,y=50)、bottom(下,即y=100)、left(左,即x=0)

==========================================================================
《c類》
◎【color 顏色】
《d類》
《e類》
==========================================================================
《f類》
◎【font-family 字型種類】
※細明體, 標楷體, Time new roman, arial, serif, san-serif

◎【font-style 字型樣式】
※normal(正常體)、italic(斜體)

◎【font-weight 文字粗細】
※normal(正常體)、bold(粗體)

◎【font-size 字型大小】
==========================================================================
《g類》
==========================================================================
《h類》
◎【height 高度】
==========================================================================
《i類》
《j類》
《k類》
==========================================================================
《l類》
◎【line-height 行距】
※用百分比值表示，舉例: {line-height:120%;}

◎【letter-spacing 字母間距】
==========================================================================
《m類》
◎【margin (邊界.設定邊界距離)】

◎【margin-left 向左縮排】
==========================================================================
《n類》
==========================================================================
《o類》
◎【opacity 亮度】
==========================================================================
《p類》
◎【padding (留白.設定填補空間)】

◎【position 位置】
==========================================================================
《q類》
《r類》
《s類》
==========================================================================
《t類》
◎【text-decoration 文字裝飾】
※none(連結無底線)、underline(連結加底線)、overline(連結加刪除線)、linethrough(連結加頂線)、blink(連結閃爍)

◎【text-transform 文字轉換】
※none(不做任何轉換)、capitalize(將每個字的第一個字母轉換成大寫)、uppercase(將所有字母轉換成大寫)、lowercase(將所有字母轉換成小寫)

◎【text-align 文字對齊】
※left(靠左對齊)、right(靠右對齊)、justify(左右對齊)、center(置中)

◎【text-indent 首行內縮】
==========================================================================
《u類》
==========================================================================
《v類》
◎【visibility 顯示】
==========================================================================
《w類》
◎【word-spacin 文字字距】

◎【width 寬度】
==========================================================================
《x類》
《y類》
==========================================================================
《z類》
◎【z-index 層數】
==========================================================================
※把〝float:right;〞放進〝#wrapper〞中
修改留言板滴背景等同修改相本滴背景 ~把相本往右移


好用的色碼表=>http://www.aoiweb.com/aoi2/jikken.htm?COLO1=666666



綠: #99ff99
藍: #99ccff
黃: #ffff66
橘: #ffcc66