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

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

總結(jié)

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

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