css核心知識匯總

1、學習CSS"盒子模型"（上）（重點）


http://www.108js.com/article/article8/80058.html?id=1766


一是理解單個的盒子的內部結構；二是理解多個盒子之間的相互關係。


本文首先講解獨立的盒子相關的性質，然後介紹在普通情況下盒子的排列關係。下一次將更深入地講解浮動和定位的相關內容。


為了適應各種排版要求，CSS規範的思路是：首先確定一種標準的排版模式，這個就是“標準流”。
    但僅通過標準流方式，很多排版是無法實現的，CSS規範中又給出了另外幾種對盒子進行布局的方法，包括“浮動”和“定位”等屬性，對某些元素進行特殊排版。


2、學習CSS"盒子模型"（下）


http://www.108js.com/article/article8/80059.html?id=1767


3、div的相對定位與絕對位置


http://www.108js.com/article/article8/80005.html?id=195（講得好，看看）


http://www.108js.com/article/article8/80001.html?id=1（一般）


相對定位是相對於該塊元素在文檔流中的位置的，相對定位的元素是會佔據文檔流空間的。


使用絕對位置也是可以把div2擺到div1的右邊的，而且絕對位置是不會佔據文檔流空間的，絕對位置是個好東西，可以把內容顯示到頁面上的任何位置，但是對於我們程式員來說，卻不能使用太多的絕對位置，因為使用程式動態向div中新增內容，div的大小是不可知的，無法將每一個div的位置都定死。


4、float 浮動


http://www.108js.com/article/article8/80068.html?id=1796（講得好）