## 一 、 屬性的繼承 ### 1.可繼承的屬性: >* visibility 和 cursor 可以被所有元素繼承 >* 以下只可被 內聯元素 繼承 : letter-spacing(偽類里的), word-spacing,white-space,line-height,color,[font家族]font,font-familly,font-weight,font-size,font-style,font-variant,font-decoration,text-transform,direction >* 以下屬性會被 塊級元素 繼承: text-align 和 text-indent >* 以下屬性會被 列表元素繼承: list-style,list-style-type,list-style-position,list-style-image >* 以下屬性會被 表格元素繼承: border-collapse ### 2.不可繼承的屬性 * 以下屬性不可被繼承: > display,margin,border padding,background,height min-height,max-height,width min-width,max-width,overflow position,left,right,top,bottom z-index,float,clear table-layout,vertical-align,page-break-after,pager-break-before 和unicode-bidi[這里有幾個沒見過] ##二 、 屬性的默認值 * 每個樣式都有自己的默認值，這里不多于贅述，只對寬高做特別說明，因為影響到了最關鍵的盒模型。 |可取值 | 描述 | | ------------- | ------------- | |auto|默認值。瀏覽器可計算出實際的寬度 | |length|使用 px、cm 等單位定義寬度 | |%|定義基于包含塊（父元素）寬度的百分比寬度 | |inherit|規定應該從父元素繼承 width 屬性的值 | * 具體說明如下，請務必清楚每個值的情況 以便你實現正確的盒模型，而且能簡化代碼。 1. div標簽的適用情況（普通文檔流）： 父標簽div 子標簽div 下面分析 寬度： width: 100%;父標簽 的100%； width:inherit;父標簽 的100%； width:initial;父標簽 的100%；默認值auto，不寫也是可以的； 下面分析高度： height: 100%;父標簽 的100%； height:inherit;父標簽 的100%； height:initial;默認值,根據內容的高度auto；如果需要設置 那么height：100%； 2. 絕對定位 （脫離文檔流）： 下面分析 寬度： width: 100%;定位點標簽寬度 的100%；如果需要設置，那么把父標簽定義為定位點 width:inherit;父標簽 的100%； width:initial;內容寬度；默認值auto，；如果需要設置 那么width：100%； 下面分析高度： height: 100%;定位點標簽高度 的100%；如果需要設置，那么把父標簽定義為定位點 height:inherit;父標簽 的100%； height:initial;默認值,根據內容的高度auto；如果需要設置 那么height：100%； 3. 備注 ： 如果定位點錯誤的時候，height:100%所取的不是父標簽的高度而是定位點標簽的高度。