答案CSS盒子模型是一個圍繞HTML元素并且HTML元素定義了邊框border，內(nèi)邊距padding和外邊距margin 的矩形空間· Border定義了包含元素的最大面積邊框可以可見，也可以不可見，可以定義它的高度和寬度等·；二CSS中的標準盒子模型W3c標準的盒子模型CSS中的盒子模型也是主觀意識借助實體或者虛擬表現(xiàn)構(gòu)成客觀闡述形態(tài)結(jié)構(gòu)的一種表達目的的物件，在網(wǎng)頁的實體中我們是看不見實際盒子模型的但是我們能夠清楚的看到它起到的作用1。

borderstyle solid dotted dashed double lt！doctype html 盒子模型 box1 為元素設(shè)置邊框 要為一個元素設(shè)置邊框必須指定三個樣式 borderwidth邊框的寬度 borde；錯，html標簽本質(zhì)才是盒子，比如一個div其實就是一個盒子，而css是對div進行修飾，就好比div就是一個毛坯房，而css就是裝修效果。

如果英文看不懂，自己去找翻譯；塊狀元素特點內(nèi)聯(lián)元素特點內(nèi)聯(lián)塊狀元素特點displayblock 可以將元素設(shè)置為塊狀元素 displayinline 可以將元素設(shè)置為內(nèi)聯(lián)元素 displayinlineblock可以將元素設(shè)置為內(nèi)聯(lián)塊狀元素 每個HTML元素都會有盒子模型，如下圖。

定義樣式 borderstylelt！DOCTYPE html 菜鳥教程runoobcom #160 #160 block #160 #160 #160 width 200px#160 height200px#160 #160 #160 padding 30px#160；div+css中層的邊框大小可以設(shè)置的，我們需要給這個div，width和height，然后在使用border來實現(xiàn)對邊框的操作，boder4px solid #f00它的意思就是邊框的寬度是4px，實線的，顏色是紅色的，我們通過代碼來理解下 div1。

網(wǎng)頁設(shè)計做一個盒子模型

1、備注 我們需要在不同設(shè)備的不同尺寸屏幕下去瀏覽網(wǎng)頁，傳統(tǒng)的網(wǎng)頁布局方式很難滿足響應式布局的需要因此css3提出了一些全新的布局屬性，包括 彈性盒子模型 ， 多列屬性 ， 響應式布局 等等彈性盒子模型的最大特征在于。

2、盒子中的內(nèi)容content 盒子的邊框border 盒子邊框與內(nèi)容之間的距離稱為填充padding內(nèi)邊距內(nèi)補丁如果有多個盒子存在，盒子與盒子之間的距離稱為邊界margin，外邊距外補丁整個盒子模型在網(wǎng)頁中所占的寬度。

3、CSS中， Box Model叫盒子模型或框模型，Box Model規(guī)定了元素框處理元素內(nèi)容element content內(nèi)邊距padding邊框border 和 外邊距margin 的方式在HTML文檔中，每個元素element都有盒子模型，所以說。

4、1盒模型與怪異模型的設(shè)置 當設(shè)置為boxsizingcontentbox時，將采用標準模式解析計算默認模式當設(shè)置為boxsizingborderbox時，將采用怪異模式解析計算2盒模型 在網(wǎng)頁中，一個元素占有空間的大小由幾個部分。

網(wǎng)頁制作盒子模型代碼文件

答案1盒模型內(nèi)容content填充padding邊界margin邊框border 2有兩種，IE盒子模型標準W3C盒子模型IE的content部分包含了border和pading 。

Margin外邊距 清除邊框外的區(qū)域，外邊距是透明的Border邊框 圍繞在內(nèi)邊距和內(nèi)容外的邊框Padding內(nèi)邊距 清除內(nèi)容周圍的區(qū)域，內(nèi)邊距是透明的Content內(nèi)容 盒子的內(nèi)容，顯示文本和圖像為了正確設(shè)置。

其實很簡單，說白了就是利用一個特性就是一個塊級對象寬高都是0的時候，他的邊框是成45°角的 就是底部邊框和左部是45°那么這樣就可以做成一個三角形的效果了 具體的你可以去查一些網(wǎng)上的資料。

這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘Ｉ钪械暮凶酉渥由蟻砝斫?，日常生活中所見的盒子也就是能裝東西的一種箱子，也具有這些屬性，所以叫它盒子模式CSS盒子模型就是在網(wǎng)頁設(shè)計中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型。

CSS盒子模型就是在網(wǎng)頁設(shè)計中經(jīng)常用到的CSS技術(shù)所使用的一種思維模型網(wǎng)頁設(shè)計中常聽的屬性名內(nèi)容content填充padding邊框border邊界margin，CSS盒子模式都具備這些屬性這些屬性可以把它轉(zhuǎn)移到日常生活中的。