層疊優先順序
盒模型定位體系
常規流首先，css被稱為層疊樣式表，css有兩大特性：繼承性和層疊性
繼承：是給父級設定了一些屬性。子級繼承了父級的該屬性，這就是我們css的繼承。但是不是每個屬性都能繼承的。
這裡我列舉一些：
color
font-
text-
line-
像一些盒子元素，定位元素（浮動、絕對、固定定位）不能繼承，這些在暫時作為了解。指的是多個樣式的疊加
是指瀏覽器解決衝突的一種能力，如果乙個屬性通過兩個相同選擇器設定到同乙個元素上，那麼這個時候屬性就會將另外乙個屬性覆蓋掉。
原則：
1. 樣式衝突，一般遵循原則就是就近原則，也就是css的書寫位置。
2. 樣式不衝突，不會層疊
嵌入id
class元素a
bcdstyle10
00id0
10class、屬性、偽類00
10元素、偽元素00
01萬用字元0
！important
最高塊級元素
行內元素
三種定位體系：常規流，浮動，絕對定位
注意：1.padding和margin取值順時針
例如：padding:上 右 下 左；
取某一方向的值：padding-left/right:值；
padding不可為負數
標準盒：padding+border+content
ie盒：width+padding+border=width
將標準盒轉換為ie盒：box-sizing:border-size;
定位體系的意義：
定位體系幫助作者使文件更易理解，並不需要使用標記的手段達到布局的效果。
格式化上下文決定了視覺化格式模型中框的形式，定位體系布局決定了這些框在頁面中如何布局。
常規流（文件流）：在沒有css的干預下，塊級元素獨佔一行，寬高可設。行內元素併排顯示，寬高自動。
CSS 繼承與層疊
css 繼承 即，從父元素那繼承部分css屬性 好處 1.父元素設定樣式，子元素可以繼承部分屬性 2.減少css 注意 當元素本身的樣式與繼承而來的樣式有衝突時，將忽略繼承來的樣式，如下 chrom瀏覽器預設字型大小是16px h1 預設字型大小font size 是2em 正常字型的兩倍 因此，在...
CSS 繼承與層疊
一 html 的文件結構 是乙個文件樹。有祖先後代關係 父子關係 兄弟關係 二 css 繼承 1.從父元素繼承部分 css 屬性。例如，p css span 繼承 span p pspan 元素就是 p 元素的子元素，那麼 span 元素會繼承 p 元素的部分樣式，效果如下 2.不是所有的樣式都可以...
CSS 層疊和繼承
我們知道文件中的乙個元素可能同時被多個css選擇器選中，每個選擇器都有一些css規則，這就是層疊。這些規則有可能不矛盾的，自然這些規則將會同時起效，然而有些規則是相互衝突的，例如 html xmlns head title css cascade title style type text css ...