一、樣式
1、背景
2、文字
3、超銜接
4、列表
5、**
6、輪廓ie不支援
二、盒模型
一旦為頁面設定了恰當的 dtd，大多數瀏覽器都會按照上面的圖示來呈現內容。然而 ie 5 和 6 的呈現卻是不正確的。根據 w3c 的規範，元素內容佔據的空間是由 width 屬性設定的，而內容周圍的 padding 和 border 值是另外計算的。不幸的是，ie5.x 和 6 在怪異模式中使用自己的非標準模型。這些瀏覽器的 width 屬性不是內容的寬度，而是內容、內邊距和邊框的寬度的總和。
雖然有方法解決這個問題。但是目前最好的解決方案是迴避這個問題。也就是，不要給元素新增具有指定寬度的內邊距，而是嘗試將內邊距或外邊距新增到元素的父元素和子元素。
2、外邊距合併指的是，當兩個垂直外邊距相遇時，它們將形成乙個外邊距，不管它們是巢狀還是同輩。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。
只有普通文件流中塊框的垂直外邊距才會發生外邊距合併。行內框、浮動框或絕對定位之間的外邊距不會合併。
三、定位
css 有三種基本的定位機制：普通流、浮動和絕對定位。
relative屬於普通流的一種，注意，在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。
float脫離文件流，不佔據空間。要處理可以做這樣
.news.news img
.news p
要達到包圍float元素的效果，使用clear：（參考
.news.news img
.news p
.clear
CSS 2 學習css的思路
開題不必太嚴肅，寫部落格也不像寫書，像聊天似的寫東西是最好的表達方式。記得之前看過乙個段子，也可能是一件真事兒，這不重要。大體內容如下 乙個香港的教授說 我們香港的大學和大陸的大學差的很遠啊，大陸的大學連看門保安都懂得哲學，因為當你想要進入校園時，保安都會問你乙個很哲學的問題 你是誰，你從 來，你到...
跟著書本學習CSS 2
css能夠從父元素那裡繼承某些樣式屬性，比如color，font size等等，但是像margin，padding，border不能繼承。css的繼承分為主要三類 1 文字相關屬性 font family font size，font style font weight font line heig...
CSS 2 理解CSS浮動
一 概述 1.為什麼需要使用浮動 在標準流中，所有的塊級元素都獨佔一行。為了讓多個塊級元素可以在同一行上顯示，需要使用浮動或定位 2.語法 float none left right 3.浮動的特點 1 讓元素脫離標準流，漂浮在標準流之上。半脫標 注意 浮動元素並沒有脫離標準流中的文字流，即標準流中...