內聯元素：
塊級元素:
margin:0 auto：作用為填充剩餘尺寸，規則為：
margin的初始值為0；不設定width時：width預設值為auto，寬度表現為父元素的100%，該div預設居中，要讓div裡面的文字居中就是行內元素居中，即text-align:center因為css預設流為水平方向，所以margin:auto只能改變水平的元素內部尺寸
一側為定值，一側為auto，則auto為剩餘空間大小；
兩側均為auto，則評分剩餘空間；
2. 設定width時：
單行文字：
多行文字：
多行文字居中：1.inline元素就有一行，形狀不規則，可以折行，可以和其他元素在一行，行高由大的那乙個元素決定，背景色跟著content走。
2.inline-block元素形狀為規則的方形，當一行放不下時，會整體下移；可以有多行，每一行都有乙個自己的幽靈空白節點。
3.inline元素前的幽靈空白節點的行高繼承父元素的行高100px；inline-block元素每一行的幽靈空白節點的行高是自己的，父元素的行高影響的是整個inline-block元素，不是每一行
CSS中position定位和float浮動
一 position定位 1 position屬性 1 absolute 生成絕對定位的元素，相對於最近一級定位不是static的父元素來進行定位，最近 是指在這個節點的所有祖先節點中，距離該節點的層次最近的祖先節點，以距離最近的祖先節點作為定位基準。2 relative 生成相對定位的元素，相對於...
CSS居中定位
由於預設情況下，由於position的值為static 靜止的 不可以移動的 元素在文件流裡是從上往下 從左到右緊密的布局的，我們不可以直接通過top left等屬性改變它的偏移。所以，想要移動元素的位置，就要把position設定為不是static的其他值，如relative,absolute,f...
理解CSS浮動float 定位position
一 浮動float i 定義及規則 float預設為none,對應標準流的情況。當float left 時，元素就會向其父元素的左側靠緊，脫離標準流，同時寬度不再伸展至充滿父容器，而是根據自身內容來確定。ii 演示規則 準備 xml html code複製內容到剪貼簿 wxdwhjv 1 中間給 f...