差異處

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

--- webdesign:head_rush_html_10 [2007/08/11 17:53] – 建立 wenpei
+++ webdesign:head_rush_html_10 [2007/08/12 21:53] (目前版本) – wenpei
@@ 行 1: / 行 1: @@
+====== Head Rush HTML 讀書筆記 ======
+===== Chapter Ten =====
 ==== CSS box model ====
 http://www.w3.org/TR/CSS21/box.html
@@ 行 6: / 行 8: @@
 [[http://www.redmelon.net/tstme/box_model/|CSS 排版概念]]
-| 左邊距(margin) | 左邊框(border) | 左內距(padding) | 內容(content) | 右內距(padding) | 右邊框(border) | 右邊距(margin) |
+|  左邊距(margin)  |  左邊框(border)  |  左內距(padding)  |  內容(content) \\ 內容(content)  |  右內距(padding)  |  右邊框(border)  |  右邊距(margin)  |
+==== 不同 media ====
+  <link type="text/css" rel="stylesheet" href="lounge.css" media="screen" />
+  <link type="text/css" rel="stylesheet" href="print/print.css" media="print" />
+===== Chapter Eleven =====
+==== cascade ====
+由一個三位數的數字組成：
+  * id - 百位加一
+  * class - 十位加一
+  * 元素 - 個位加一
+ex:
+  #sidebar = 100
+  #elixirs h1 = 101
+  .green = 010
+  span.id = 011
+  ol li p = 003
+===== Chapter Twelve =====
+==== 元素間距 ====
+=== 行內元素橫向並列 ===
+中間總邊距會是兩元素相加
+=== 區塊元素縱向並列 ===
+邊距會重疊，使邊距變成較大的那個
+==== margin ====
+讓版面置中
+  margin-left: auto;
+  margin-right: auto;