1.盒子模型的屬性：內邊距（padding）、邊框（border）、外邊距（margin）；盒子模型不要求每個元素都必須定義這些屬性；
2.div（division）標籤：大多數html標籤都巢狀在div中，div中還可以巢狀多層div，通過與id、class等屬性結合設定css樣式，可以替代大多數塊級文字標籤；
div標籤最大意義在於與浮動屬性float配合使用實現網頁的布局；
盒子的寬高：寬高屬性只適用於塊級屬性，對行內元素無效（img和input標籤除外）；
border-width:常用取值單位為畫素（px），要注意的是，正常顯示邊框寬度，前提是先設定好邊框樣式，否則邊框寬度設定沒有效果；
border-color：邊框顏色；
綜合設定邊框：border：樣式 寬度 顏色；
border-radius（圓角邊框）：border-radius（順時針）：水平半徑引數 半徑引數 半徑引數 半徑引數/垂直半徑引數 半徑引數 半徑引數 半徑引數；
圓形：img；
border-image（邊框）：
border-image-sourse:路徑；
border-image-slice：偏移量（百分比）；
border-image-width：寬度；
border-image-outset：向盒子外部延伸的距離；
border-image-repeat：平鋪方式；
4.內邊距屬性：padding-top/right/bottom/left、padding（順時針）；
外邊距屬性：margin-top/right/bottom/left、margin；
清除內外邊距
5.box-shadow屬性：、
h-shadow：水平陰影位置，可以為負值（必選屬性）；
v-shadow：垂直陰影位置，可以為負值（必選屬性）；
blur：模糊半徑；
spread：陰影擴充套件半徑，不能為負；
：以上單位均為px；
color：陰影顏色；
outset/inset：預設為**影/內陰影；
6.box-sizing屬性：
content-box：遵從w3c標準，當定義width和height引數值不包括border和padding；
border-box：定義width與height的同時，border與padding的引數值被包含在width與height之內；
7.背景屬性：background-color（設定背景顏色）：預設值為transparent，即背景透明；
background-image（設定背景影象）：
background-repeat：設定背景影象的平鋪；
repeat：預設值，沿水平和豎直兩個方向平鋪；
no-repeat:背景影象不平鋪；
repeat-x：沿水平方向平鋪；
repeat-y：沿垂直方向平鋪；
background-position(設定背景影象的位置）：
使用不同單位（最常用的是畫素px）的數值；
預定義的關鍵字 ：水平方向（left、center、bottom）、垂直方向（top、center、bottom）；使用百分比（影象與標籤的位置相對應）；
background-attachment（設定背景影象固定）：
scroll：影象隨頁面一起滾動；
fixed：影象固定在螢幕上，不隨頁面滾動；
background-size:屬性值1 屬性值2；第乙個屬性值必選，屬性值2為可選屬性值；cover：擴充套件至完全覆蓋背景區域，背景影象的某些部分也許無法顯示在背景定位區域中；contain：擴充套件至完全適應內容區域；
background-origin：padding-box：相對於內邊距區域來定位；
border-box：相對於邊框來定位；
content-box：相對於內容框來定位；
background-clip：border-box:預設，從邊框區域向外裁剪背景；
padding-box:從內邊距區域向外裁剪背景；
content-clip：從內容區域向外裁剪背景；
設定背景與的不透明度：rgba模式：rgba，alpha引數是乙個介於0.0到1.0（完全不透明）之間的數字；
opacity： opacity：opacityvalue，在css3中，使用opacity屬效能使任何標籤呈現出透明效果；
8.元素型別與轉換：常見塊元素：h1~h6、p、div、ul、ol、li；
行內元素：strong、h、em、i、del、s、ins、u、a、span（最典型的行內元素）；
塊元素通常獨佔一行，可以設定寬高和對齊屬性，而行內元素通常不獨佔一行不可以設定寬高和對齊屬性（img、input例外）；
span（範圍）標籤：div標籤可以內嵌span標籤、但是span標籤卻不能巢狀div標籤，可以將div和span分別看做乙個大容器和小容器；
元素轉換：display屬性：inline：將指定物件顯示為行類元素；
block：將指定物件顯示為塊元素；
inline-block：將指定物件顯示為行類塊元素，可以對其設定寬高和對齊屬性；
none：隱藏物件，該物件既不顯示也不占用頁面空間；
9.塊元素垂直外邊距的合併：相鄰塊元素垂直外邊距會合併（也稱外邊距塌陷）；
巢狀元素垂直外邊距的合併：父標籤沒有上內邊距及邊框，合併為兩者中的較大者；
網頁盒子模型
網頁盒子模型存在兩種 1 標準w3c盒子模型 2 ie盒子模型 ie瀏覽器預設的模型 在兩種不同模型網頁裡，定義了相同css屬性的元素顯示效果是不一樣的，下面就用公式來區分這兩種不同的盒子模型。1 標準w3c盒子模型 寬 width padding left padding right margin...
網頁布局02 盒子模型
盒子模型，英文即box model。無論是div span 還是a都是盒子，他們在網頁上都要佔據一定的空間，在進行布局的時候需要考慮他們所佔據的空間大小。例外情況 表單元素作為文字處理，不作為盒子模型計算。盒子的屬性有5個 width height padding border margin。如下 ...
16網頁前端CSS 盒子模型
一 盒子模型 1 內補白 內補丁 padding 檢索或設定物件四邊的內部邊距，如padding 10px padding 5px 10px padding top 檢索或設定物件頂邊的內部邊距 padding left 檢索或設定物件左邊的內部邊距 padding right 檢索或設定物件右邊的...