1. display
block：塊元素，預設寬度為100%，可以設定元素的寬高，預設佔滿一行。塊元素包括div，h1-h6，form，table，ul，ol等；
inline：行內元素，預設寬度為內容的寬度，width和height對inline元素無效，margin top和bottom對行內元素無效，因為行內元素的行高是由line-height決定的，而margin left和right則有效。行內元素包括span，image，a等；
inline-block：元素具有行內和塊元素的特性，可以設定寬高，並且可以併排顯示；
2. position
static：元素預設的值，不會被定位；
absolute：絕對定位，是相對於最近的被定位的祖先元素的定位，如果沒有被定位的祖先元素，則預設對body定位；元素被決定定位後，會脫離文件流，預設的位置會被其他元素佔據；
relative：相對於預設位置的定位，如果沒有設定top和left等屬性，則顯示位置與static一樣；被相對定位的元素不會脫離文件流。
fixed：元素會相對於視窗來定位，這意味著即便頁面滾動，它還是會停留在相同的位置。
3. 盒子模型
普遍瀏覽器計算總寬度公式為 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
而ie（低於ie9）比較特殊的計算方式為 ＝ margin-left + width + margin-right
w3c 最後為了解決這個問題，在 css3 中加了 box-sizing 這個屬性。當我們設定box-sizing: border-box;時，border 和 padding 就被包含在了寬高之內，和 ie 之前的標準是一樣的。所以，為了避免你同乙份 css 在不同瀏覽器下表現不同，最好加上：
*, *:before, *:after4. float
浮動元素會脫離文件流，原本該佔據的位置會被其他非浮動元素佔據。而清除浮動，一般是新增在需要清除浮動的元素身。元素被浮動之後預設變為塊級元素。
5. margin和padding的合併與抵銷
對於相鄰的2個元素，margin-bottom ＝ 20和margin-top ＝ 35，之間的margin會出現抵銷，最終的margin是35，取較大的值；
對於相鄰的2個元素，padding-bottom ＝ 20和padding-top ＝ 35，之間的padding會出現累加，最終的padding是55，取兩者的和；
CSS一些常用屬性總結
css選擇器 類別選擇器 id選擇器 巢狀選擇器 子選擇器 屬性選擇器 重點說巢狀選擇器和子選擇器的區別以及屬性選擇器 舉個例子 p 下有 b b 下又有另乙個 b 子選擇器 p b 巢狀選擇器 p b 上述子選擇器只能選中第乙個 b 巢狀選擇器則能選中所有的 b 屬性選擇器 a title 只要標...
記一些css屬性總結（一）
以上為為我自言自語可跳過 1.transition屬性 含義 過渡屬性，通常用於滑鼠經過元素時樣式的改變。語法 transition property duration timing function delay transition property 規定設定過渡效果的 css 屬性的名稱，全部就...
關於CSS學習的一些總結
接觸css有很長的一段時間了，我對它的感情每次都有些不同，簡單 費解 神奇 好玩 css就是這麼一門不正交的語言，你無需一步步從頭學起，它就像樂高積木，學會了一點就能用上一點。儘管css不正交，屬性也比較多不好記，但沒關係，你只要記住用的最多的幾種方法足矣應付業務中大部分需求 除了以上用的最多的幾種...