網(wǎng)頁(yè)布局設(shè)計(jì)中DIV+CSS技術(shù)的優(yōu)勢(shì)及其具體運(yùn)用發(fā)布者：本站     時(shí)間：2020-05-02 14:05:51

DIV技術(shù)是網(wǎng)頁(yè)設(shè)計(jì)、開(kāi)發(fā)過(guò)程中的標(biāo)記元素及應(yīng)用語(yǔ)言,為文檔提供布局結(jié)構(gòu),是DIV+CSS技術(shù)中不可缺少的一部分。由于DIV是“區(qū)分、劃分”的意思,所以〈DIV〉標(biāo)簽是一個(gè)塊級(jí)元素,它能夠?yàn)榫W(wǎng)頁(yè)文檔內(nèi)大塊的內(nèi)容提供布局結(jié)構(gòu)。在這些塊級(jí)元素中,可以插入的對(duì)象有文字、圖像和表格等各種網(wǎng)頁(yè)元素,方便對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)。HTML文檔中的塊級(jí)元素由對(duì)應(yīng)的一組起始標(biāo)簽〈DIV〉和結(jié)束標(biāo)簽〈/DIV〉構(gòu)成,其定位及其格式一般是由引用 CSS樣式或〈DIV〉標(biāo)簽屬性來(lái)實(shí)現(xiàn)的。[1]如果要定位或是布局復(fù)雜的網(wǎng)頁(yè),則可以使用嵌套DIV標(biāo)簽定義的塊,這就為網(wǎng)頁(yè)布局提供了更加有利的技術(shù)支持。

HTML標(biāo)記只是能在網(wǎng)頁(yè)某處需要設(shè)置格式的時(shí)候具體定義,如果說(shuō)一個(gè)網(wǎng)頁(yè)中的多處標(biāo)題都需要設(shè)置成一種格式,或者說(shuō)是不同網(wǎng)頁(yè)中的某些地方要進(jìn)行同樣的格式設(shè)置就十分麻煩了,而且之后要修改的時(shí)候工作量也繁瑣。CSS即層疊樣式表,它是一種能夠?yàn)榱撕芎玫赝瓿删W(wǎng)頁(yè)板式設(shè)計(jì)的需求而制定的一種設(shè)計(jì)標(biāo)準(zhǔn),是為了在 HTML樣式的編輯上對(duì)它的功能進(jìn)行更好地補(bǔ)充,同時(shí)也是國(guó)際 W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟)標(biāo)準(zhǔn)化組織制定的一套完整的擴(kuò)展樣式標(biāo)準(zhǔn)。[1]在設(shè)計(jì)網(wǎng)頁(yè)時(shí),CSS層疊樣式表可以以各種形式來(lái)豐富頁(yè)面效果,如對(duì)頁(yè)面的布局、顏色、格式與背景等進(jìn)行各種設(shè)置,所以說(shuō)CSS能夠?qū)?HTML 的標(biāo)記屬性的設(shè)定進(jìn)行擴(kuò)充,以此來(lái)達(dá)到對(duì)網(wǎng)頁(yè)的整體的布局設(shè)計(jì)和外觀樣式設(shè)計(jì)進(jìn)行有效控制的目的,讓網(wǎng)頁(yè)可以在格式設(shè)計(jì)上具有更加美觀的表現(xiàn)形式。