Head Rush HTML 讀書筆記

Chapter Ten

CSS box model

http://www.w3.org/TR/CSS21/box.html

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

元素間距

行內元素橫向並列

中間總邊距會是兩元素相加

區塊元素縱向並列

邊距會重疊，使邊距變成較大的那個

Sars' History

使用者工具

網站工具

目錄表

Head Rush HTML 讀書筆記

Chapter Ten

CSS box model

不同 media

Chapter Eleven

cascade

Chapter Twelve

元素間距

行內元素橫向並列

區塊元素縱向並列

頁面工具