1.案列知識
1.內邊距屬性
為了調整內容在盒子中的顯示位置，常常需要給元素設定內邊距，所謂內邊距指的是元素內容與邊框之間的距離，也常常稱為內填充。並且，在css中padding屬性用於設定內邊距，同邊框屬性border一樣，padding也是復合屬性
注：如果乙個段落的父元素是< div>，那麼他的內邊距要根據div的width計算
2.外邊距屬性
網頁是由多個盒子排列而成的，要想拉開盒子與盒子之間的距離，合理地布局網頁，需要為盒子設定外邊距，所謂外邊距指的是元素邊框與相鄰元素直接的距離。css中的margin屬性用於外邊距，同內邊距一樣也是乙個符合屬性
清除內外邊距
*在css中，網頁元素
背景顏色使用:background-color:#***;
背景使用:background-images
body設定背景影象位置：background-positon:50px (影象距離body元素左邊緣)80px(影象距離body元素上邊緣);
綜合設定元素的背景：
background:背景色 url( images/a.jpg) 50px 80px;4.元素的型別
1.塊元素
主要有：h1,p,div,ul,ol,li2.行內元素
主要有：strong , b, em , i, del, s, ins ,u, a, span(span標記是最典型的行內元素)5.元素的轉換
網頁是由多個塊元素和行內元素構成的盒子排列而成的，如果希望行內元素具有塊元素的某些特性，如不獨佔一行排列，可以使用display屬性對元素的型別進行轉換，並且 display屬性常用的屬性值以及含義如下：
Web前端 CSS盒子模型
2.內邊距 3.盒陰影 4.盒模型概念 5.標籤最終尺寸的計算 盒子模型分別由外邊距 邊框 內邊距和標籤內容組成。屬性 margin 作用 調整標籤與標籤之間的距離 特殊 1 margin 0 取消預設外邊距 2 margin 0 auto 左右自動外邊距，實現標籤在父標籤範圍內水平居中 3 mar...
web前端 css盒子模型
css最重要的是盒子模型，盒子組成一切 盒子構成 首先可以直接設定各個區域 box 注意 這裡的width和height設定的大小是內容區的大小，不是整個盒子的大小。內邊距 邊框和外邊距可以應用於乙個元素的所有邊，也可以應用於單獨的邊。外邊距可以是負值，而且在很多情況下都要使用負值的外邊距。當wid...
web前端 CSS 盒子模型 010
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model 不同部分的說明...