黄色网站在线播放,最新四虎影在线在永久观看夜店激情,色五月婷婷综合,欧美日韩精品一级黄片

css盒模型是本節(jié)教程的重點。前面幾個知識點，如果您會用表格布局的話，就非常好理解和掌握了。這里的盒模型是和table布局的一個不同點。學(xué)習(xí)web標(biāo)準(zhǔn)，首先要弄懂的就是這個盒模型，這就是DIV排版的核心所在。傳統(tǒng)的表格排版是通過大小不一的表格和表格嵌套來定位排版網(wǎng)頁內(nèi)容，改用CSS排版后，就是通過由CSS定義的大小不一的盒子和盒子嵌套來編排網(wǎng)頁。這種排版方式的網(wǎng)頁代碼簡潔，表現(xiàn)和內(nèi)容相分離，維護方便，能兼容更多的瀏覽器，比如PDA設(shè)備也能正常瀏覽。

那么它為什么叫盒子呢？先說說我們在網(wǎng)頁設(shè)計中常聽的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性。

我們可以把它想像成現(xiàn)實中上方開口的盒子，然后從正上往下俯視，邊框相當(dāng)于盒子的厚度，內(nèi)容相對于盒子中所裝物體的空間，而填充呢，相當(dāng)于為防震而在盒子內(nèi)填充的泡沫，邊界呢相當(dāng)于在這個盒子周圍要留出一定的空間，方便取出。是不是這樣就很容易理解盒模型了。

所以整個盒模型在頁面中所占的寬度是由左邊界+左邊框+左填充+內(nèi)容+右填充+右邊框+右邊界組成，而css樣式中width所定義的寬度僅僅是內(nèi)容部分的寬度，這是許多朋友容易搞混的地方

這里的邊界我們也稱之為：外邊距、外補丁；填充也叫：內(nèi)邊距、內(nèi)補丁。