差異處

這裏顯示二個版本的差異處。

--- css [2009/08/26 21:49]
bestlong
+++ css [2010/08/23 15:30] (目前版本)
@@ 行 1: / 行 1: @@
 ====== CSS : Cascading Style Sheets (串聯樣式表) ======
-  * http://css.1keydata.com/tw/
+  * [[http://www.w3schools.com/|W3Schools]] 此網站用 IE 可能會無法顯示，建議改用其他瀏覽器例如 [[http://moztw.org/|FireFox]] 或 [[http://www.google.com/chrome/|Chrome]] 來瀏覽。
-  * http://www.hsiu28.net/style/
+  * [[http://css.1keydata.com/tw/|OECSPACE - Css style 教學「CSS Style簡介」]]
+  * [[http://www.hsiu28.net/style/|CSS 語法教學]]
 ===== CSS 語法 =====
@@ 行 14: / 行 15: @@
 ==== Type(類別)選擇器 ====
+CSS宣告檔內容
   <style type="text/css">
@@ 行 19: / 行 22: @@
   H3, H5 {
     color : #999999 ;
-    font-family : 細明體
+    font-family : 細明體 ;
   }
   -->
   </style>
+HTML內容
+  <H3>ABC</H3>
+  <H5>DEF</H5>
 其中的 H3 與 H5 就是選擇器。
@@ 行 78: / 行 86: @@
 ===== CSS 語法格式 =====
   選擇器 {
+    屬性1: 設定值;
+    屬性2: 設定值;
+    ...
+  }
+讓多個選擇器用相同屬性 (不同選擇器間用 , 分隔)
+  選擇器1, 選擇器2 {
+    屬性1: 設定值;
+    屬性2: 設定值;
+    ...
+  }
+後代選擇器(Descendant Selectors)宣告 (父子選擇器之間是用空白分隔)
+  父選擇器 子選擇器 {
     屬性1: 設定值;
     屬性2: 設定值;

bestlong.Wiki