css常用小记

字型
文字顏色
color: #000;
文字大小
font-size: 8pt;
文字字體
font-family: “arial”, dotum;
文字斜體
font-style: italic;
小字體
font-variant: small-caps;
字間距離
letter-spacing: 1pt;
行高
line-height: 15px; (亦可為百分比)
文字粗體
font-weight: bold;
加底線
text-decoration: underline;
加刪除線
text-decoration: line-through;
加頂線
text-decoration: overline;
刪除連線底線
text-decoration: none;
首字大寫
text-transform: capitalize;
英文大寫
text-transform: uppercase;
英文小寫
text-transform: lowercase;
文字靠左
text-align: left;
文字靠中
text-align: center;
文字靠右
text-align: right;
文字分散對齊
text-align: justify;
背景
背景顏色
background: #e9e9e9;
背景圖片不重複
background: url(圖片位址) no-repeat;
背景重複
background: url(圖片位址) repeat;
背景Y軸重複
background: url(圖片位址) repeat-y;
背景X軸重複
background: url(圖片位址) repeat-x;
背景浮水印固定
background: url(圖片位址) fixed;
背景置中
background-position: center;
背景靠左
background-position: left;
背景靠右
background-position: right;
背景靠上
background-position: top;
背景靠下
background-position: bottom;
簡易寫法
background: url(位址) no-repeat top center fixed #fff;
●備註：位址請記得不是複製上方的網址，而是在圖片上方按右鍵內容裡的那個網址！
框線
全框線
border: 1px solid #000;
上框線
border-top: 1px solid #000;
下框線
border-bottom: 1px solid #000;
右框線
border-right: 1px solid #000;
左框線
border-left: 1px solid #000;
框線種類
solid 直線
dotted 點線
dashed 虛線
double 雙線
groove 立體內凸