1.盒模型

所謂盒子模型就是把HTML頁(yè)面中的元素看作是一個(gè)矩形的盒子，也就是一個(gè)盛裝內(nèi)容的容器。每個(gè)矩形都由元素的內(nèi)容、內(nèi)邊距（padding）、邊框（border）和外邊距（margin）組成。

設(shè)置邊框樣式（border-style）:

邊框樣式用于定義頁(yè)面中邊框的風(fēng)格，常用屬性值如下：

none：沒(méi)有邊框即忽略所有邊框的寬度（默認(rèn)值）

solid：邊框?yàn)閱螌?shí)線

dashed：邊框?yàn)樘摼€

dotted：邊框?yàn)辄c(diǎn)線

double：邊框?yàn)殡p實(shí)線

設(shè)置邊框?qū)挾龋╞order-width）

設(shè)置邊框顏色（border-color）:設(shè)置邊框顏色時(shí)同樣必須設(shè)置邊框樣式，如果未設(shè)置樣式或設(shè)置為none，則其他的邊框?qū)傩詿o(wú)效。

padding屬性用于設(shè)置內(nèi)邊距;margin屬性用于設(shè)置外邊距;

對(duì)塊元素應(yīng)用寬度屬性width，并將左右的外邊距都設(shè)置為auto，可使塊級(jí)元素水平居中

盒子的寬與高

使用寬度屬性width和高度屬性height可以對(duì)盒子的大小進(jìn)行控制。

注意：

1、寬度屬性width和高度屬性height僅適用于塊級(jí)元素，對(duì)行內(nèi)元素?zé)o效（標(biāo)記和除外）。

2、計(jì)算盒子模型的總高度時(shí)，還應(yīng)考慮上下兩個(gè)盒子垂直外邊距合并的情況。

2：浮動(dòng)高級(jí)

? 什么是浮動(dòng)：元素的浮動(dòng)是指設(shè)置了浮動(dòng)屬性的元素會(huì)脫離標(biāo)準(zhǔn)文檔流的控制，移動(dòng)到其父元素中指定位置的過(guò)程。

如何定義浮動(dòng)：

在CSS中，通過(guò)float屬性來(lái)定義浮動(dòng)，其基本語(yǔ)法格式如下：選擇器{float ；屬性值}