完美世界,千年殇,欢乐颂小说txt

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

深入剖析析DIV標(biāo)簽的使用

本文向大家描述一下DIV標(biāo)簽的使用，DIV標(biāo)簽稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。當(dāng)你把文字，圖象，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“l(fā)ayer”。

創(chuàng)新互聯(lián)建站網(wǎng)站設(shè)計，為客戶量身定制各類網(wǎng)站建設(shè)業(yè)務(wù)，包括企業(yè)型、電子商務(wù)型、響應(yīng)式網(wǎng)站開發(fā)、行業(yè)門戶型等各類網(wǎng)站，實戰(zhàn)經(jīng)驗豐富，成功案例眾多。以客戶利益為出發(fā)點，創(chuàng)新互聯(lián)建站網(wǎng)站制作為客戶規(guī)劃、按需網(wǎng)站建設(shè)符合企業(yè)需求、帶有營銷價值的網(wǎng)絡(luò)建站方案認(rèn)真對待每一個客戶，我們不用口頭的語言來吹擂我們的優(yōu)秀，上千余家的成功案例見證著我們的成長。

DIV標(biāo)簽

DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進(jìn)行控制。

　　DIV標(biāo)簽稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。當(dāng)你把文字，圖象，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“l(fā)ayer”。而中文我們把它稱作“層次”。所以當(dāng)你以后看到這些名詞的時候，你就知道它們是指一段在 DIV 中的 HTML。

　　DIV標(biāo)簽應(yīng)用于 Style Sheet（式樣表）方面會更顯威力，它最終目的是給設(shè)計者另一種組織能力，有 Class ; Style ; title ; ID 等屬性，將會于【Style Sheet】一節(jié)才作詳述，這處只介紹一個屬性設(shè)定。

使用 DIV標(biāo)簽（div）

　　當(dāng)我們使用 CSS-P 的時候，我們主要把它用在 DIV（division）tag 上。當(dāng)你把文字，圖象，或其他的放在 DIV 中，它可稱作為“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“l(fā)ayer”。而中文我們把它稱作“層次”。所以當(dāng)你以后看到這些名詞的時候，你就知道它們是指一段在 DIV 中HTML。

　　使用 DIV標(biāo)簽的方法跟使用其他 tag 的方法一樣：

　　This is a DIV tag .

　　如果單獨使用 DIV標(biāo)簽而不加任何 CSS-P, 那么它在網(wǎng)頁中的效果和使用是一樣的。

　　但當(dāng)我們把 CSS-P 用到 DIV 中去以后，我么就可以嚴(yán)格設(shè)定它的位置。首先我們需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字。比如說我們給下面這個 DIV 的名字是 truck。給名字的目的是我們以后可用 JavaScript 來控制它，比如說移動它或改變它的一些性質(zhì)等等。

　　This is a truck

　　給層次取什么名字是隨意的，名字可以是任何英文字母和數(shù)字，但***個必須是字母。有兩種把 CSS-P 應(yīng)用到 DIV 的方法。

　　Inline CSS：Inline 是最常用的方法。

　　External STYLE tag：使用 External 方法的結(jié)果是一樣的。我們會在以后的課程里再詳細(xì)解釋這種方法。現(xiàn)在我們主要討論Inline 方法。請注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關(guān)系。

　　Cross-Browser CSS 性質(zhì)：
　　我們這個課程的主要目的是讓你寫出的網(wǎng)頁在 NS4 和 IE4 上都能工作，所以我們主要討論那些對倆者都通用的性質(zhì)。下面這些性質(zhì)符合由 W3C 給出的標(biāo)準(zhǔn)。

　　◆position　決定 DIV tag 是如何放置的?！皉elative”意思是DIV標(biāo)簽的位置是相對于其他 tag 的，而“absolute”是說 DIV tag 的位置是相對于它所在的窗口。

　　left　相對于窗口左邊的位置

　　top　相對于窗口上邊的位置

　　width　DIV tag 的寬度。所有在 DIV標(biāo)簽里的文字或html都在里面。

　　height　DIV tag 的高度。這個性質(zhì)很少用除非你想 Clip 層次。

　　◆clip　給出 layer 的 clipping（可看的見的）部分。Clip 可使得 DIV 顯示為一個可以定義的很準(zhǔn)確的方塊。你可以用以下的四個值來給出這個方塊的在 DIV 位置和大小。

　　clip:rect(top,right,bottom,left);

　　visibility　隱蔽或展現(xiàn)DIV 根據(jù)它的值“visible”，“hidden”，“inherit”。

　　z-index　DIV tag 的立體位置。值越大 DIV 的位置越高。

　　background-color　DIV標(biāo)簽背景的顏色。

　　layer-background-color　Netscape 的 DIV 背景顏色。

　　background-image　DIV標(biāo)簽的背景圖象。

　　layer-background-image　Netscape 的 DIV 的背景圖象。

分享名稱：深入剖析析DIV標(biāo)簽的使用
瀏覽地址：http://m.fisionsoft.com.cn/article/cccojsd.html

新聞中心

其他資訊