CSS元素分類
（1）塊狀元素／Block Element：每個元素單獨占一行；高／寬／行高／頂和底邊距都可設置刁憋；默認大小為父容器的100%滥嘴。
（2）行內(nèi)元素／Inline Element：與其它元素共享一行；不可設置至耻；默認為所含內(nèi)容大小若皱，不可修改。
（3）行內(nèi)塊狀元素／Inline-block Element：與其它元素共享一行尘颓；高／寬／行高／頂和底邊距都可設置走触。
網(wǎng)頁中元素之間的關系其實可以總結(jié)為以下三種關系：
（1）塊挨著塊
（2）塊嵌套著塊
（3）塊疊著塊
CSS語法：
（1）box類 與 link類：
.box, .link{
width: 205px;
height: 280px;
float: left;
margin: 0 20px;
}
（2）box類下面的link類：（這里沒有逗號了！０唐弧）
.box .link{
width: 205px;
height: 280px;
float: left;
margin: 0 20px;
}
CSS定位機制
定位機制有三種互广，分別是標準文檔流、浮動及絕對定位卧土。
網(wǎng)頁布局
常見的有一列布局惫皱，二列布局，三列布局：
大多數(shù)網(wǎng)頁都是混合布局尤莺！
-> 小結(jié)：靠左
float:left;逸吵，靠右float:right;，居中margin: 0 auto;
CSS布局模型
（1）流動模型／
（2）浮動模型／
（3）層模型／
盒模型／Box Model
css定義的width = paddingLeft + borderLeft + contentWidth + borderRight + paddingRight;
元素實際的width = marginLeft + paddingLeft + borderLeft + contentWidth + borderRight + paddingRight + marginRight;
文檔流
確切的說應該是文檔文檔流模型的機制缝裁，html的布局機制就是用文檔流模型的，即塊元素（block）獨占一行，內(nèi)聯(lián)元素（inline）不獨占一行捷绑。
舉例來說：
-> position:absolute;和浮動／float脫離文檔流韩脑，用它們修改元素位置之后，元素本身的位置不會被保留粹污。
-> position:relative; 沒有脫離文檔流段多。
CSS的浮動／float
float 屬性定義元素靠哪個方向浮動。
在 CSS 中壮吩，任何元素都可以浮動进苍。浮動元素會生成一個塊級框／Block，而不論它本身是何種元素鸭叙。
特點：如果浮動非替換元素觉啊，則要指定一個明確的寬度；否則沈贝，它們會盡可能地窄杠人。
width和height的％
50％：父元素的50%
－－－－－－－－－已學列表－－－－－－－－
color:
font-family:
font-size:
border:
margin:
padding:
width:元素寬度
--> auto 默認值。瀏覽器可計算出實際的寬度宋下。
--> length 使用 px嗡善、cm 等單位定義寬度。
--> % 定義基于包含塊（父元素）寬度的百分比寬度学歧。
--> inherit 規(guī)定應該從父元素繼承 width 屬性的值罩引。
選擇器們
id選擇器：能且只能被使用一次
類選擇器
