English | 中文 | 简体
首頁 | 線上Q&A | 註冊 | 登入
更清晰的畫質或聲音,請點選
內容

css 基本上有以下幾種常用的套用方式
1. 定義名稱: 定義樣式名稱 .className { ... },並透過 class=className 套用,例如
   .title {color:red}
   範例 <div class=title>紅色的字體</div>
2. 套用特定標籤: 直接用標籤名稱 tagName { ... },則套用到所有 tabName 的標籤,例如
   div {font-size:14px}
   範例 <div>14 px 的字體</div>
3. 定義特定元素樣式: 定義 #idName { ... },則套用到 id=idName 的元素,例如
   #banner {font-weight:bold}
   範例 <div id=banner>粗體字</div>
4. 虛擬套用: 例如
   a:hover {color:red}
   範例 <a href='...'>滑鼠移到這時文字會變成紅色</a>
5. 條件套用,在某些條件下才套用,如
   #menu .title {color:red} 僅會套用到 id=menu 的子元素中 class=title 的元素
   範例 <div id=menu> ... <span class=title>紅色的字</span></div>
   而不套用到 <div class=title>一般顏色的字</div>
6. 多重套用,同時套用多個 class,如
   .redColor {color:red}
   .boldFont {font-weight: bold}
   範例 <div class="redColor boldFont'>紅色且粗體的字</div>

[範例展示]
1. float.html
 (float 排版)
2. hover.html (超連結 hover 效果,包括 mouseover 動畫、padding 技巧)

[參考資料]
1. xms 的下載網址
http://www.powercam.com.tw 
2. 
PowerCam 快速入門
3.
powercam.cc 上傳講解
4. powercam.cc 簡報分享小技巧

附件
1. float.html (2KB)
2. hover.html (2.2KB)
討論
編號標題回應最後發表
3793
2
03-28 15:33, CaoDing
724
3
06-13 07:44, 蘇德宙
發表討論