這是我的第一篇博客，很激動啊哈哈哈。這里就寫一些最近一次與同學討論的前段的知識和心得吧。
一、塊級元素和行內元素的區別
1.什么是塊級元素？什么是行內元素？
塊級元素是垂直分布在代碼上。比如最常見的<div>、<li>、<h1>等。
行內元素是分布在同一行代碼上。如<a><img src=""></a>中<a>、<img>都屬於行內元素。
2.行內元素與塊級元素直觀上的區別
行內元素會在一條直線上排列，都是同一行的，水平方向排列
塊級元素各占據一行，垂直方向排列。塊級元素從新行開始結束接着一個斷行。
3.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。
4.行內元素與塊級元素屬性的不同，主要是盒模型屬性上行內元素設置width無效，height無效(可以設置line-height)，margin上下無效，padding上下無效
5.行內元素轉換為塊級元素：display:block;
塊級元素轉換為行內元素：display:inline;（display:inline比較經典的用法是用在 <ul> 下的 <li> 中 內聯 block一般一個塊占一行，
除非float inline是自動排為一行，就象段內的文字一樣，可成為多行。）
PS：這里行塊之間的轉換只是改變了他們的顯示方法。
二、清除浮動的方法
1.浮動是什么？
控制元素在一行內的顯示位置
2.清楚浮動的部分方法
① haslayout 這是IE瀏覽器下的屬性，清楚浮動時使元素haslayout
② .overflow:hidden;這個方法很實用，推薦使用。
.after：：.fix{zoom:1;} .fix:after{display:block;content:".";clear:both;line-height:0;visibility:hidden;}
其中zoom是為了content能夠在IE瀏覽器下使用。（推薦使用，因為兼容性強）
三、定位
1.基本定位方式
static：默認定位方式。元素框正常生成。
reletive: 相對定位方式。元素框偏移某個距離，元素任保持其未定位的形狀，它原本所占的空間仍保留。
absolute：絕對定位方式。元素框從文檔流完全刪除。其相對於其包含塊定位。
fixed：固定定位。元素框的表現類似於將position設置為absolute，不過其包含塊是視窗本身。
四、兼容性
兼容性問題所需的討論時間很多，所以上次討論並未得出很多結論。
1.樣式重置：這種方法並不是起到瀏覽器間的兼容性問題，但它能讓后面的代碼有實現依據，整張網頁
規范好看。（html，body{margin：0；padding：0；}）
2.過濾器的使用（方法太多）