上篇解釋了CSS的盒模型，介紹HTML元素在設計時就像一個個的盒子各自佔用了一個矩形的空間，今天就來接著介紹同樣也是針對元素空間定位的相關屬性。
顯示：塊級，行內、行內塊級
display:block; inline; inline-block;
position: absolute, relative, fixed
z-index:-1 0 1 ;
reset 及預設樣式：
W3C在制定共通的瀏覽器解讀方式時，針對不同的HTML元素有一些預設的樣式，一個單純的HTML檔案在完全沒有設計師指定樣式時，會呈現一種像大網模式般由上往下排例的內容，還是可以看出標題、連結、段落的差別，這就是預設樣式。
比如: <h1>預設是粗體，字級較大，
預設是普通粗細、14px…
因為這些元素有預設樣式，所以設計師在編寫樣式時有可能會被預設的寬高或間距影响到，例如 table 會有預設的padding 如果沒注意到就會一直無法順利把元素排版，因此多收設計師都喜歡先載入一段有人先寫好的CSS 叫reset.css，把所有預設的樣式都重置，這樣在設計時就比較不會被影响到。
不過多載入一些程式碼就多一點 loading 所以也有人認為不需要做 reset的動作，只要在需要指定時覆寫掉預設值就好，只是這樣要對HTML每一個元素的預設值都有概念，實做上恐怕是不容易，所以見仁見智，多半還是會先載入 reset把預設樣式都清掉。
[code]/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}[/code]
其實我覺得reset 放在這裡講有點太早，不過我對文章的掌握度還不夠，要天天發也真的是種挑戰啊…Orz
而且我好像太偏重在CSS的解說，HTML被我跳過，實際上我js jQ又不太熟，似乎到了鍊成的關卡了，大綱還是應該要早點擬啊…Orz