css盒子模型
content, padding(內補丁), border; margin（外補丁）;
計算寬度，左右內外邊界，左右內外邊框，內容，左右內外邊距。
如果上下左右四個引數，順序：上右下左，依次寫出padding: 0,0,0,0; 兩個值：上下 左右；
三個值：上 左右 下。沒有值的去對面找。
padding-left, top, right, bottom.
使用外邊距時注意瀏覽器相容性。
除了值為0的情況，其他所有值後面都要是畫素為單位，加px。
基本上所有**，都把padding 和margin設為0. 因為各瀏覽器都設定了內外邊距的不同預設值。所以為了相容性，將所有內外邊距都設為0. 或都從0開始。
所以用到哪些元素，就把那些元素的預設值歸零。用到哪些html元素，就重置他們的邊距。因為他們有自己預設的邊距，要控制它，就重置。
css模型主要通過盒子模型實現。
內容：width, height
邊框：margin, padding.
繼承性，有的繼承，有的不能繼承。
列表，符號都存在相容性問題，所以：ul, ol 都設為無。
邊框border屬性：border-width ；border-style ；border-color。
如果只寫border，那就直接跟著三個值。
單獨控制一條邊：
border-top
。順序一樣。
margin:100pxauto; 左右水平居中。
文字垂直居中： height:50px;
line-height:50px;
css元素分類，塊狀，內聯（行內）。
塊狀：改變：。可以容納內聯元素和其他元素。但是排斥同一行內的其他元素。內斂元素中能容納文字或者其他內聯元素，但是寬高不起作用。
display設定物件如何顯示。
可以將某個元素從內聯改為block。用display。都有預設值，有的是inline,有的是block。
background-repeat:no-repeat; 不讓它平鋪。
background-position:right bottom; 設定位置。
background-position:50px 30px; 橫座標，縱座標。
background-attachment:fixed;/scroll；背景是否隨著背景滾動。依附方式。將固定在螢幕某個地方，而不是盒子某個地方。
ie6只有html 和body支援這個屬性。
css精靈技巧，為了減少http請求。將兩個顏色不同的內容一樣的合為一張，調整其位置。
div+css頁面布局。 1.
預設。html結構順序。 2.
浮動屬性：float:center； 3.
定位。螢幕某個位置。
#two
浮動：取消元素的霸道屬性（獨佔一行！）後面的元素將視其不存在。只有兩個：要麼left要麼right。
飄到父元素邊界。
浮動的元素相當於消失了，原來霸佔的地方就空了。後面的元素補充。存在瀏覽器相容性。
浮動布局幾個：飄起來啦！
#p1
#p2
#p3
#p4
有的相容，有的不相容，就可能擋住了，看不到了。
清楚浮動：雖然前面的沒有了，但是後面的不要佔據人家的位置，仍然在自己的地方。
不允許其哪個方向有浮動。clear：none/left/right/both
clear:both;保證不隨瀏覽器大小改變，浮動元素相對位置改變。
常見部落格，網頁等布局。
#head
#left
#right
#foot
#header 預設鋪滿。設定寬度後，則居中。
如果讓同一行的兩個盒子居中，那麼在外面加乙個大盒子，一定要有寬度，否則預設全螢幕。
同一行的浮動同方向。
清除浮動的方法：主要對後面元素的影響。但是對父元素也會有影響。
當父元素沒有指定高度是，它的子元素有浮動，其父元素的高度不會增加。 1.
額外標籤法。在最底下加乙個空盒子（沒有內容）。
強迫容器能夠容納所有浮動元素。 2.
overflow：auto。根據子元素的需要增加寬度。hidden:切除多餘部分。scroll顯示滾動條。但是如果子元素出現定位，那就有問題了。
上述兩種方法：等價表示：1.在大盒子最底下：
2.在大盒子定義中：overflow:hidden。
效果相同。
注意：想要使用絕對定位時，要有兩個條件： 1.
必須給父元素加定位屬性，position:relative。 2.
給子元素加絕對定位: position：absolute。 3.
利用偽物件，after。
html5 css3學習（四）之CSS盒子模型
1 內容區 content 設定內容區的寬高 width height 2 內邊距 內容與盒子的距離 padding 四個方向的距離，內邊距會影響可見框大小，元素背景會延伸到內邊距 padding padding left padding top padding right padding bott...
HTML之CSS盒子模型
其實，css就三個大模組 盒子模型 浮動 定位，其餘的都是細節。要求這三部分，無論如何也要學的非常精通。所謂盒子模型就是把html頁面中的元素看作是乙個矩形的盒子，也就是乙個盛裝內容的容器。每個矩形都由元素的內容 內邊距 padding 邊框 border 和外邊距 margin 組成。看透網頁布局...
HTML學習之CSS定位
css可以使用屬性position來實現定位 屬性值作用 具體說明 relative 相對定位 相對元素自己原有位置移動指定的距離，可以使用top left right bottom進行設定，其他元素的位置不會隨之改變 absolute 絕對定位 可以使元素參照介面或者相對父元素進行移動，可以使用t...