CSS盒子模型

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，創(chuàng)新互聯(lián)公司面向各種領(lǐng)域：紗窗等網(wǎng)站設(shè)計、全網(wǎng)營銷推廣解決方案、網(wǎng)站設(shè)計等建站排名服務(wù)。

1   盒子的組成包括

   margin外邊距、border邊框、padding內(nèi)邊框和content內(nèi)容

2   正文框的最內(nèi)部分是實際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距，內(nèi)邊距呈現(xiàn)了元素的背景，內(nèi)邊距的邊緣是邊框，邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素

3   內(nèi)邊距、邊框和外邊距都是可選的，默認值是零，外邊距可以是負值

4   寬度width和高度height指的是內(nèi)容區(qū)域的寬度和高度，增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸，但是會增加元素框的尺寸

5  CSS盒子模型的內(nèi)邊距

   內(nèi)邊距在正文content外，邊框border內(nèi)，控制該區(qū)域的最簡單的屬性是padding屬性，padding屬性定義元素邊框與元素內(nèi)容之間的空白區(qū)域，可以進行統(tǒng)一的內(nèi)邊距設(shè)置，也可以進行單邊的內(nèi)邊距設(shè)置

6   css padding屬性定義元素的內(nèi)邊距，padding屬性接受長度值或百分比值，但不允許使用負值

   可以按照上、下、左、右的順序分別設(shè)置各邊的內(nèi)邊距，各邊均可以使用不同的單位或百分比值

7   設(shè)置數(shù)值時，常用的單位有像素px和厘米cm

8   設(shè)置內(nèi)邊距的常用屬性

9   CSS盒子模型的邊框

   元素的邊框border是圍繞元素內(nèi)容的內(nèi)邊距的一條或多條線

   設(shè)置border屬性可以規(guī)定元素邊框的樣式、寬度和顏色

10   在html中是使用表格來創(chuàng)建周圍的邊框

11   在css中是通過邊框?qū)傩詠韯?chuàng)建出效果出色的邊框，并且可以應(yīng)用于任何元素

12   使用border-color屬性來設(shè)置邊框?qū)傩?，它一次可以接受最多四個顏色值，分別是邊框的四邊，可以使用任何類型的顏色值，可以是命名顏色，也可以是十六進制和RGB值

13   css盒子模型的邊框

14   盒子模型的外邊距

   外邊距就是圍繞在內(nèi)容框的區(qū)域，默認為透明的區(qū)域

    外邊距也接受任何長度的單位，百分?jǐn)?shù)與內(nèi)邊距很相似

    使用任何一個屬性來只設(shè)置相應(yīng)的外邊距，不會直接影響所有其他外邊距

15   設(shè)置外邊距的常用屬性

16   morgin的默認值是零，如果沒有為margin聲明一個值，就不會出現(xiàn)外邊距

17   對稱復(fù)制

   如果缺少左外邊距的值，則是用右外邊距的值

   如果缺少下外邊距的值，則使用上外邊距的值

   如果缺少右外邊距的值，則使用上外邊距的值