主要分為四種：
1.行內樣式，基數1000
2.id選擇器，基數100
3.類 偽類 屬性選擇器 ，基數10
4.型別，標籤選擇器，偽元素選擇器的個數 基數為1
1.上下相鄰塊元素
上乙個塊元素出現在另外乙個塊元素之上，如果設定了margin屬性，二者的margin-bottom和margin-top發生疊加
2.父塊元素和第乙個或者最後乙個子元素
如果父塊元素和第乙個子元素之間沒有邊框、內邊距、內聯內容和間距分開，若設定了margin,則二者的margin-top會疊加；
或者父塊元素和最後乙個子元素之間沒有邊框、內邊距、內斂內容和高度設定（height/min-height/maxheight），若設定了margin,則二則的margin-bottom會疊加
可以給父元素增加border、設定padding、填充內容等方式來解決，還可以使用overflow來解決
/**填充內容**/
margin-top
div
對於沒有邊框、內邊距、內聯內容和高度設定（height/min-height）的空塊元素，如果設定了margin屬性，則頂底外邊距會發生疊加：
如果外邊距碰到另外乙個空元素的外邊距，則還會發生疊加，合併成為乙個外邊距。
和文字都是浮動元素，不佔據空間，所有div沒有被撐開。如何解決？
1。增加空行清除浮動，這種方式會增加額外的標籤和**
some text
//css
.clear
.news:after.news.news《精通css》筆記
1.要知道常用選擇器 id選擇器，類選擇器，型別選擇器，後代選擇器，偽類選擇器 文件結構之外 通用選擇器 高階選擇器 子選擇器，相鄰同胞選擇器，屬性選擇器 2.選擇器特殊性分級 3.層疊和繼承的區別 4.設計 的結構，使用風格統一的大注釋塊分割每個部分 一般性樣式 輔助樣式 頁面結構 頁面組建 覆蓋...
精通css筆記 布局
一 居中 1 自動空白邊 margin 0 auto 2 相對定位加負值空白邊 position relative left 50 margin left 50 二 浮動布局 1 兩列浮動布局 float left float right 2 三列浮動布局，把兩列中的一列再分成兩列 三 流體布局 以...
《精通CSS》讀書筆記（四）
續 url 上篇 url 下面來看一下陰影。它可以用類似圓角border的方式達成。1.簡單的css陰影和clagnut陰影 限制 2.模糊陰影 實現 新增兩層container，分別應用陰影影象和蒙板影象。限制 需要兩個外層元素 外層背景色是固定的 與蒙板顏色一致 洋蔥皮陰影無此問題。注意，蒙板需...