——*css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括：邊距，邊框，填充，和實際內容。
當您指定乙個css元素的寬度和高度屬性時，你只是設定內容區域的寬度和高度。要知道，完全大小的元素，你還必須新增填充，邊框和邊距。.
由於瀏覽器給網頁body元素預設乙個margin外間距值8px，故一般會在style中首先加入：
*none: 預設無邊框
dotted: dotted:定義乙個點線框
dashed: 定義乙個虛線框
solid: 定義實線邊界
double: 定義兩個邊界。 兩個邊界的寬度和border-width的值相同
groove: 定義3d溝槽邊界。效果取決於邊界的顏色值
ridge: 定義3d脊邊界。效果取決於邊界的顏色值
inset:定義乙個3d的嵌入邊框。效果取決於邊界的顏色值
outset: 定義乙個3d突出邊框。 效果取決於邊界的顏色值
2.border-width 屬性為邊框指定寬度
為邊框指定寬度有兩種方法：可以指定長度值，比如 2px 或 0.1em；或者使用 3 個關鍵字之一，它們分別是 thin 、medium（預設值） 和 thick。
3.border-color屬性用於設定邊框的顏色,可以設定的顏色
name - 指定顏色的名稱，如 「red」
rgb - 指定 rgb 值, 如 「rgb(255,0,0)」
hex - 指定16進製制值, 如 「#ff0000」
注意： border-color單獨使用是不起作用的，必須得先使用border-style來設定邊框樣式。
4.邊框-單獨設定各邊
p
border-style:dotted solid;5.邊框-簡寫屬性
你可以在"border"屬性中設定：
border-width
border-style (required)
border-color
例：
border:5px solid red;可能的值：
auto ：設定瀏覽器邊距。這樣做的結果會依賴於瀏覽器
length： 定義乙個固定的margin（使用畫素，pt，em等）
% ：定義乙個使用百分比的邊距
例：
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
margin:100px 50px;% : 使用百分比值定義乙個填充
例：
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
padding:25px 50px;display:none或visibility:hidden
區別：
2.css display - 塊和內聯元素
static 定位：
沒有定位，元素出現在正常的流中。
靜態定位的元素不會受到top, bottom, left, right影響。
fixed 定位：
元素的位置相對於瀏覽器視窗是固定位置。
即使視窗是滾動的它也不會移動：
relative 定位：
相對定位元素的定位是相對其正常位置。
absolute 定位：
絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於< html>
重疊的元素：
z-index屬性指定了乙個元素的堆疊順序（哪個元素應該放在前面，或後面）
乙個元素可以有正數或負數的堆疊順序：
img
浮動元素之後的元素將圍繞它。
浮動元素之前的元素將不會受到影響。
如果影象是右浮動，下面的文字流將環繞在它左邊:
清除浮動 - 使用clear：
clear屬性指定其他元素雙方都不能使用元素的浮動功能。
.text_line
當text-align設定為"justify"，每一行被展開為寬度相等，左，右外邊距是對齊（如雜誌和報紙）。
h1
p.date
p.main
margin屬性可任意拆分為左，右頁邊距設定自動指定，結果都是出現居中元素：
.center
使用position屬性設定左，右對齊：
元素對齊的方法之一是使用絕對定位：
.right
.right
後代選取器匹配所有值得元素的後代元素。
以下例項選取所有 < p> 元素插入到 < div> 元素中:
div p
子元素選擇器只能選擇作為某元素子元素的元素:
div>p
如果需要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器
div+p
普通兄弟選擇器選取所有指定元素的相鄰兄弟元素。
以下例項選取了所有 < div> 元素的所有相鄰兄弟元素 < p>:
div~p
css 盒子邊框 border
1 css 邊框屬性 border width border style border color 1.1 邊框樣式 border style border style 值 none 預設無邊框 dotted 定義乙個點線邊框 dashed 定義乙個虛線邊框 solid 定義實線邊框 1.2邊框顏色...
css圓角邊框，盒子，文字陰影
boeder radius屬性用於設定元素的外邊框圓角。語法 border radius 20px 50 引數值可以為 數值或者百分比的形式。如果是正方形，想要設定為乙個圓，把數值修改為高度或者寬度的一半即可，或者直接寫為50 如果是個矩形，設定為高度的一半就可以做 該屬性是乙個簡寫屬性，可以跟四個...
CSS盒子模型要點補充
當父盒子包裹子盒子，給子盒子新增margin top時，子盒子與父盒子的上邊線並不能分開，而是會導致，兩個盒子同時下來。示例 father son style 盒子模型示例title head id father id son div div body 效果如圖 當新增margin top屬性給子盒...