====== Head Rush HTML 讀書筆記 ======
===== Chapter Ten =====
==== CSS box model ====
http://www.w3.org/TR/CSS21/box.html

http://www.redmelon.net/tstme/box_model/

[[http://www.redmelon.net/tstme/box_model/|CSS 排版概念]]

|  左邊距(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;