css盒子模型
css盒子模型 由 邊框 border， 外邊距 margin ，內邊距 padding ，和實際內容組成
（1）邊框 border
border： 1px solid black; // 第乙個引數1px指的是邊框的粗細，第二個引數solid指的是邊框的樣式：實線
第三個引數指的是邊框的顏色
border : 1px dashed black; //虛線
border: 1px dotted black; //點線
（2）外邊距 margin （外邊距指的是元素邊框與相鄰元素之間的距離）
外邊距的乙個重要作用，使塊級盒子水平居中對齊。要求：1.塊級盒子必須指定寬度 2.盒子左右外邊距設定為auto。 最常見的做法： margin : 0 auto; 上下外邊距設定為0，左右外邊距設定為 auto
乙個常見的問題，當塊級盒子b位於塊級盒子a當中時，是無法通過設定外邊距margin來實現塊級盒子b的下移的，要想解決這個問題，可以給a設定乙個border（或者border-top 上邊框）即可。
（3） 內邊距 padding
首先要明確一點，邊框border是有寬度的，當你設定了乙個寬度為100px，高度為100px的div盒子，如果你為其新增了乙個寬度為1px的邊框，那麼它的實際寬度，高度就會變成101px。而外邊距margin指的是該元素的邊框與其他元素的距離，無論你如何調整margin，該元素 本身的寬度和高度是不會發生變化的。 而內邊距指的是盒子中的內容與盒子的邊框的距離，而內邊距會撐開盒子！！！
padding : 5px; //上下左右的內邊距都為5px
padding: 5px 10px 15px 30px; // 第乙個引數是上方內邊距 為5px， 第二個引數是右邊內邊距，第三個引數是下方內邊距，第四個引數是左邊內邊距 ，順序是乙個順時針，上右下左
（4）消除內外邊距 （重要）
網頁元素很多都有著預設的內外邊距，而且不同瀏覽器的預設格式也不一致，所以在 布局前要清除網頁元素的內外邊距
補充乙個小知識點，去除 li 前面的專案符號（小圓點）
CSS盒子模型 邊框 內外邊距 預設樣式
一 盒子模型 1 盒子的大小.box1 2 為元素設定邊框 1 邊框的寬度 設定邊框的寬度 border width 100px border width 10px 20px 30px 40px border width 10px 20px 40px border width 10px 20px b...
CSS 之盒子模型 邊框 內邊距 外邊距
使用width來設定盒子內容區的寬度 使用height來設定盒子內容區的高度 width和height只是設定的盒子內容區的大小，而不是盒子的整個大小，盒子可見框的大小由內容區，內邊距和邊框共同決定 為元素設定邊框 要為乙個元素設定邊框必須指定三個樣式 border width 邊框的寬度 bord...
盒子模型的邊框 內邊距 外邊距 陰影
1 邊框 1 css的三大重點 盒子模型 浮動 定位 2 盒子模型 內容 邊框 外邊距 內邊距 3 網頁布局本質 拼接盒子的過程 div css 4 邊框 1 邊框屬性 邊框厚度 邊框的顏色 邊框的線條樣式 2 邊框厚度 border top width 上 3 邊框的顏色 border top c...