曹瑞燕

（長(zhǎng)治職業(yè)技術(shù)學(xué)院，山西 長(zhǎng)治 046000）

互聯(lián)網(wǎng)的快速發(fā)展，使越來(lái)越多精美的網(wǎng)頁(yè)作品不斷涌現(xiàn)，并吸引了大量用戶的眼球，在網(wǎng)頁(yè)作品設(shè)計(jì)中，首先要采用相應(yīng)的頁(yè)面布局技術(shù)來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行合理的布局，以此確保網(wǎng)頁(yè)內(nèi)的各個(gè)要素能夠處于恰當(dāng)?shù)奈恢谩，F(xiàn)如今，大多數(shù)商家在網(wǎng)頁(yè)設(shè)計(jì)中，都傾向于采用更加靈活、便捷、功能更加強(qiáng)大的頁(yè)面布局方法，而DIV+CSS頁(yè)面布局技術(shù)的出現(xiàn)，使上述要求得到了有效滿足，從而深受廣大網(wǎng)頁(yè)開發(fā)人員的青睞。通過(guò)將DIV與CSS技術(shù)進(jìn)行結(jié)合應(yīng)用，能夠使網(wǎng)頁(yè)設(shè)計(jì)工作中的各個(gè)模塊內(nèi)容得到合理布局，其屬于一種盒子式的開放式布局技術(shù)，利用該技術(shù)可通過(guò)對(duì)多個(gè)盒子進(jìn)行嵌套操作，以此實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)的合理編排，從而使網(wǎng)頁(yè)的代碼變得更加簡(jiǎn)潔，并且便于對(duì)網(wǎng)頁(yè)的后續(xù)更新與維護(hù)，同時(shí)還能實(shí)現(xiàn)對(duì)不同瀏覽器的有效兼容。

一、頁(yè)面布局技術(shù)中的關(guān)鍵技術(shù)手段

在Xhtml頁(yè)面設(shè)計(jì)中，常常采用DIV+CSS頁(yè)面布局技術(shù)，該技術(shù)成功取代了以往的Table定位技術(shù)，實(shí)現(xiàn)了對(duì)Xhtml網(wǎng)頁(yè)中各個(gè)模塊的合理編排與定位。

（一）CSS技術(shù)

CSS技術(shù)的英文全稱為cascading style sheet，其又被稱之為層疊樣式表技術(shù)，CSS技術(shù)作為頁(yè)面布局技術(shù)中的一種關(guān)鍵技術(shù)，能夠?qū)W(wǎng)頁(yè)樣式進(jìn)行控制，使樣式信息能夠從網(wǎng)頁(yè)中分離出來(lái)，CSS屬于一種具有標(biāo)識(shí)性的計(jì)算機(jī)語(yǔ)言，自20世紀(jì)90年代中期開始，CSS技術(shù)便正式被w3c進(jìn)行審核后予以通過(guò)，同時(shí)將其作為推薦產(chǎn)品。通過(guò)在html語(yǔ)言中應(yīng)用CSS技術(shù)，可使頁(yè)面設(shè)計(jì)變得更加精美。CSS技術(shù)是以html語(yǔ)言為基礎(chǔ)的，實(shí)現(xiàn)了對(duì)html功能的有效擴(kuò)展，并且能夠?qū)W(wǎng)頁(yè)格式進(jìn)行更加有效的設(shè)置。在網(wǎng)頁(yè)設(shè)計(jì)工作中，當(dāng)設(shè)計(jì)人員需要設(shè)置網(wǎng)頁(yè)外觀時(shí)，可對(duì)更改樣式進(jìn)行定義，不需要對(duì)HTML文件進(jìn)行更改即可完成。在CSS技術(shù)中，目前主要有三種定義，分別是外部樣式表、行內(nèi)樣式表以及內(nèi)嵌樣式表，其中外部樣式表是在CSS樣式文件中添加一個(gè)CSS后綴，該樣式文件可在各種網(wǎng)頁(yè)中進(jìn)行應(yīng)用。而內(nèi)嵌樣式表則對(duì)