《利用CSS與DIV進(jìn)行頁面布局.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《利用CSS與DIV進(jìn)行頁面布局.ppt(6頁珍藏版)》請(qǐng)?jiān)谌巳宋膸炀W(wǎng)上搜索。

1、利用CSS與DIV進(jìn)行頁面布局,學(xué)習(xí)目標(biāo)：,理解CSS+DIV網(wǎng)頁布局的含義掌握網(wǎng)頁結(jié)構(gòu)的規(guī)劃掌握CSS樣式的創(chuàng)建和具體應(yīng)用理解盒子(BOX)模型的含義會(huì)利用CSS+DIV進(jìn)行簡(jiǎn)單網(wǎng)頁的布局,WEB標(biāo)準(zhǔn),WEB標(biāo)準(zhǔn)提出網(wǎng)頁由三部分組成：結(jié)構(gòu)、表現(xiàn)和行為。WEB標(biāo)準(zhǔn)的特征：網(wǎng)頁的內(nèi)容與表現(xiàn)相分離。CSS+DIV是目前較為流行的可滿足WEB標(biāo)準(zhǔn)的一種網(wǎng)頁設(shè)計(jì)方法。,DIV標(biāo)簽:塊元素，容器，用來裝載網(wǎng)頁中大塊的內(nèi)容，并定位在網(wǎng)頁的某部分。規(guī)劃網(wǎng)頁結(jié)構(gòu)：logo,navigation,content,footer等,制作過程,將網(wǎng)頁主要內(nèi)容包圍在DIV中并分配ID利用CSS編輯每個(gè)DIV的屬性盒模型:內(nèi)容、填充(padding)、邊框(border)和邊界(margin)利用CSS對(duì)DIV元素進(jìn)行定位相對(duì)定位:相對(duì)于原來應(yīng)在的位置進(jìn)行移動(dòng)絕對(duì)定位:與原來所在的位置無關(guān)浮動(dòng):可以左右移動(dòng),不占據(jù)空間,像文本框,實(shí)現(xiàn)兩個(gè)元素或更多的元素放在一行上,小結(jié)：,利用CSS+DIV進(jìn)行網(wǎng)頁布局，主要是將頁面的內(nèi)容劃分成一個(gè)個(gè)區(qū)域，裝載到每一個(gè)DIV中，然后利用CSS對(duì)DIV元素進(jìn)行編輯并對(duì)其進(jìn)行定位，達(dá)到頁面布局的效果。

總結(jié)

以上是生活随笔為你收集整理的应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。