DIV技術(shù)概念及用法詳解
本節(jié)向大家描述一下DIV技術(shù)的的概念和用法,DIV技術(shù)的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的,其中所包含元素的特性由DIV標(biāo)簽的屬性來(lái)控制,或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。
DIV技術(shù)
DIV在編程中又叫做整除,即只得商的整數(shù)。DIV技術(shù),即DIV元素是用來(lái)為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV標(biāo)簽的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的,其中所包含元素的特性由DIV標(biāo)簽的屬性來(lái)控制,或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。
CSS單元的位置和層次-div標(biāo)簽
我們都知道,在網(wǎng)頁(yè)上利用HTML定位文字和圖像是一件“令人心痛”的事情。我們必須使用表格標(biāo)簽和隱式GIF圖像,即使這樣也不能保證定位的精確,因?yàn)闉g覽器和操作平臺(tái)的不同會(huì)使顯示的結(jié)果發(fā)生變化。
而CSS能使你看到希望的曙光。利用今天我們即將學(xué)到的CSS屬性,你可以精確地設(shè)定要素的位置,還能將定位的要素疊放在彼此之上!
CascadingStyleSheets(CSS)是DHTML的基礎(chǔ)。CSS用來(lái)設(shè)定你網(wǎng)頁(yè)上的元素是如何展示的。CascadingStyleSheetsPositioning(CSS-P)是CSS的一個(gè)擴(kuò)展,它可用來(lái)控制任何東西在網(wǎng)頁(yè)上或是說(shuō)在窗口中的位置。請(qǐng)你記住這兩個(gè)名詞:CSS和CSS-P。
使用DIV技術(shù)
當(dāng)我們使用CSS-P的時(shí)候,我們主要把它用在DIV(division)tag上。當(dāng)你把文字,圖像,或其他的放在DIV標(biāo)簽中,它可稱作為“DIVblock”,或“DIVelement”或“CSS-layer”,或干脆叫“layer”。而中文我們把它稱作“層次”。所以當(dāng)你以后看到這些名詞的時(shí)候,你就知道它們是指一段在DIV中的HTML?! ?/p>
使用DIV技術(shù)的方法跟使用其他tag的方法一樣:ThisisaDIVtag.
如果單獨(dú)使用DIV而不加任何CSS-P,那么它在網(wǎng)頁(yè)中的效果和使用是一樣的?! ?/p>
但當(dāng)我們把CSS-P用到DIV技術(shù)中去以后,我們就可以嚴(yán)格設(shè)定它的位置。首先我們需要給這個(gè)可以被CSS-P控制的DIV一個(gè)ID或說(shuō)是它的名字。比如說(shuō)我們給下面這個(gè)DIV標(biāo)簽的名字是truck。給名字的目的是我們以后可用JavaScript來(lái)控制它,比如說(shuō)移動(dòng)它或改變它的一些性質(zhì)等等。
【編輯推薦】