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

元素間距

行內元素橫向並列

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

區塊元素縱向並列

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

margin

讓版面置中

margin-left: auto;
margin-right: auto;

Sars' History

使用者工具

網站工具

目錄表

Head Rush HTML 讀書筆記

Chapter Ten

CSS box model

不同 media

Chapter Eleven

cascade

Chapter Twelve

元素間距

行內元素橫向並列

區塊元素縱向並列

margin

頁面工具