CSS是一種Web頁面布局工具粪躬，通過CSS我們可以按自己的想法定制Web頁面布局默穴。有漂溉取（Floating）和絕對定位（Absolute Positioning）兩種基本布局定位方法念祭。
Web頁面
使用CSS布局之前了解下Web頁面的組成，每個元素默認都是一個方形的启上，每個Web頁面上的盒都包括內(nèi)容區(qū)域（Content）邢隧、補白（Padding）、邊框（Border）冈在、邊距（Margin）倒慧，我們可以使用CSS改變盒模型，使用margin包券、padding纫谅、border、height溅固、weight等樣式屬性
CSS盒模型如下圖
定義好Web盒模型后付秕，可以使用CSS浮動將元素放在頁面相應(yīng)的位置。
接下來我們利用一些屬性來設(shè)置樣式表
代碼如下：
在safari測試結(jié)果如下圖
圓角
? 開發(fā)的小伙伴對圓角并不陌生侍郭，CSS3里面的圓角也是通過border-radius屬性來實現(xiàn)的询吴，border-radius可以一次性為4個角設(shè)定樣式，也可以單獨設(shè)置每個角的曲線樣式励幼。
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radius
ps：瀏覽器不直接支持CSS3樣式屬性汰寓，需要在屬性前面加相應(yīng)瀏覽器關(guān)鍵字，表明該瀏覽器專用屬性
-moz ——Firefox和Mozilla
-o ——Opera
-Webkit——Chrome和Safari
例如
-moz-border-radius
-webkit-border-radius
下面我們使用外接樣式表設(shè)置web頁面
.html文件
外接樣式表.css文件
效果如下：
PS：寫代碼的時候要注意格式的問題苹粟，否則不會報任何錯誤并且效果不顯示。
