先是幾張自己寫的筆記~
1.JPG
2.JPG
3.JPG
4.JPG
開始總結！
塊元素的特征:
1.在沒有設置寬度時(僅僅是寬度，長度不可)，默認撐滿一行
2.默認款元素獨占一行
3.支持所有的css命令
內聯元素的特征：
1.寬高由內容撐開
2. 不支持寬高聲明
3.一行上可以顯示繼續跟同類的標簽
4. 不支持上下的margin
5.代碼換行被解析
inline-block的特點：
1.塊元素在一行顯示；
2.行內屬性標簽（內聯元素）支持寬高；
3.沒有寬度的時候內容撐開寬度；
4.標簽之間d的換行被解析；
5.ie6 ie7 不支持快屬性標簽的inline-block；
float的特征：
1.塊在一排顯示；
2.內聯支持寬高；
3.默認內容撐開寬度
4.脫離文檔流；
5.提升層級半層；
清除浮動的方法：
1.加高度（擴展性不好）
2.給父級加浮動（頁面中所有元素都加浮動，margin左右自動失效【floats bad】）
3.inline-block清浮動（margin左右auto失效）
4.空標簽清浮動（ie6最小高度19px；【解決后ie6下還有2px偏差】）
5.br清浮動（不符合工作中：結構、樣式、行為三者分離的要求）
6.after偽類清浮動【主流】 .clear:after {
content:"";
display:block;
clear:both; }
.clear{zoom:1;}
7.overflow清除浮動；
相對定位的特征：
1.不影響元素本身的特性；
2.不使元素脫離文檔流（元素移動之后原始位置會被保留）；
3.如果沒有定位偏移量，對元素本身沒有任何影響；
4.提升層級
絕對定位特點：
1.使元素完全脫離文檔流；
2.使內嵌支持寬高；
3.快屬性標簽內容撐開寬度；
4.如果定位父級相對于父級發生偏移，沒有定位父級相對與document發生偏移；
5.相對定位一般都是配合絕對定位元素使用；
6.提升層級；
固定定位特點：
1.與絕對定位的特性基本一致，極個別差別是始終相對于整個文檔定位；
2.ie6不支持固定定位；
ie6、7下的透明度設置:
filter：alpha（opacity=0~100）；
**在下列這些情況下會創建新的BFC
1.浮動元素（不為none時）；
2.絕對定位元素；
3.表格的單元格；
4.表格的標題；
5.display:inline-block；
6.overflow的值不為visible。
合并行屬性：<td rowspan="2"></td>
合并列屬性：<td colspan="2"></td>
** 表單格式：**
<form action="填寫提交地址"></form>
<input type="" name="" value=""/>
表單元素:
text 文本框
password 密碼
radio 單選
checkbox 復選
submit 提交
reset 重置
button 按鈕
image 圖片
file 上傳
hidden 隱藏
另外還有一些兼容性的課程我沒有聽全，明天再補吧??
