簡單的CSS介紹

在這裡介紹一下我比較常用到的CSS樣式

1.background: #000000 url('') 0 0 no-repeat fixed
==>#000000：背景的預設顏色
==>url('')：背景的圖片位址
==>0 0：從距離圖片上端 0 左邊 0 的地方開始顯示
==>no-repeat：不重複 (repeat-x , repeat-y, repeat)
==>fixed：轉軸移動時，背景不跟著移動(注意：他的預設值是可以會隨轉軸轉動的)

2.position
==>分為 absolute 和 relative 兩種

3.top
==>距離上端的位置

4.left
==> 距離左邊的位置

5.right
==> 距離右邊的位置

6.bottom
==> 距離下端的位置

7.width
==> 物件的寬度

8.height
==> 物件的高度

9.border:#000000 solid 1px
==>#000000：框線的顏色
==>solid；框線樣式 (dotted.....)
==>1px：框線的粗細
==>框線可以個別設定，如下
border-top:#000000 solid 1px;
border-bottom:#000000 solid 1px;
border-left:#000000 solid 1px;
border-right:#000000 solid 1px;

10.color
==> 字的顏色

11.text-decoration
==>常用的有 none , underline等等

12.a:hover
==> 當滑鼠移到超連結上面時，所要擁有的變化

此外，在要指定物件給定樣式時，必須遵守下列規則
1.物件名字以 id 設定
==>要在前面加上#字號，如： #id

2.物件名字以 class 設定
==>要在前面加上 . 字號，如： .id

3.未設定
==>直接使用該物件名稱，如：body