目前分類：未分類文章 (4)

瀏覽方式： 標題列表 簡短摘要
CSS 樣式

這一頁將依照字母順序，來列出所有在這個 CSS 教學中出現的 CSS 屬性。若您有興趣對某一個屬性有更深入的了解，請點選該屬性的連接。

  • a:active  設定當連接被點擊時，該連接的樣式
  • a:hover  設定當滑鼠蓋在連接上面時，該連接的樣式。
  • a:link  設定當連接過去的網頁尚未被看過時，該連接的樣式。
  • a:visited  設定當連接過去的網頁已經看過時，該連接的樣式。
  • background-attachment  用來指定背景圖案是否在螢幕上固定。這個屬性可能的值為 "fixed" (當網頁捲動時，背景圖案固定不動) 以及 "scroll" (當網頁捲動時，背景圖案會跟著移動)。
  • background-color  是用來指定背景的顏色
  • background-image 是用來指定用什麼圖案來當做背景。
  • background-position 是用來指定背景圖案的位置。它的值可以是：
    • 兩個字：第一個字為 [top,center,bottom] 中三選一，而第二個字由 [left,center,right] 中三選一。
    • 兩個百分比：第一個百分比為 x-軸的百分比，第二個為 y-軸的百分比。
    • 兩個數目：第一個數目為 x-軸的位置，第二個數目為 y-軸的位置。
  • background-repeat 是用來指定背景圖案重不重複。預設值是 "repeat"，代表此背景圖案將在 x- 及 y-方向都會重覆。其他的值為 x-repeat (x-方向重複)、y-repeat (y-方向重複)、以及 no-repeat (不重複)。
  • border 
  • border-bottom-
  • border-collapse
  • border-color
  • border-left-
  • border-right-
  • border-style
  • border-top-
  • border-width
  • bottom
  • clear
  • color
  • cursor
  • direction
  • float
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • left
  • letter-spacing
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type
  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • overflow
  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • position
  • right
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • word-spacing
  • z-index

    • connievoss 發表在 痞客邦 留言(1) 人氣()

    ▲top

    在某些網站上，我們會看到不同的滑鼠游標圖案。這是由 cursor 屬性來設定的。

    以下列出一些常見的滑鼠游標圖案，以及它們設定的方式 (請將滑鼠置於顯現結果的欄位，您將可以看到該滑鼠游標的圖案)：

    CSS 樣式 顯現結果
    { cursor: crosshair; }
    滑鼠游標圖案是 crosshair
    { cursor: pointer; }
    滑鼠游標圖案是 pointer
    { cursor: text; }
    滑鼠游標圖案是 text
    (繼續閱讀...)

    connievoss 發表在 痞客邦 留言(0) 人氣()

    ▲top
    • Feb 12 Tue 2008 21:34

    • Clear

    clear (清除) 屬性是用來抵銷 float 屬性的作用。可能的值為：

  • left：消除左邊的浮動。
  • right：消除右邊的浮動。
  • both：消除左邊及右邊的浮動。
  • none：不消除任何一邊的浮動。

    來看一下從 float 那一頁稍作修改的例子：

    CSS 宣告：

    #leftfloat {
      float:left;
    • (繼續閱讀...)

    connievoss 發表在 痞客邦 留言(0) 人氣()

    ▲top
    • Feb 12 Tue 2008 21:28

    • 清單

    在 CSS 中常見的清單 (list) 屬性有以下幾種：

     

  • list-style-type
  • list-style-position
  • list-style-image
  • list-style

    每一個屬性在以下會有詳細地介紹：

    list-style-type

    list-style-type 屬性是用來設定在清單中，每一條之前的記號要用什麼。最常見的 list-style-type 設定值為：

     

    • (繼續閱讀...)

    connievoss 發表在 痞客邦 留言(0) 人氣()

    ▲top