DIV用法有哪些呢，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了濟(jì)寧免費建站歡迎大家使用！

在學(xué)習(xí)網(wǎng)頁布局的過程中，你可能會遇到DIV的使用問題，這里和大家分享一下DIV用法，首先看一下DIV的概念， DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。

DIV用法簡介

DIV 在編程中又叫做整除，即只得商的整數(shù)。 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用法之使用DIV 標(biāo)簽

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

DIV用法跟使用其他 tag 的方法一樣：This is a DIV tag .
如果單獨使用 DIV 而不加任何 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 是最常用的方法。This is a truck .
External STYLE tag：使用 External 方法的結(jié)果是一樣的。我們會在以后的課程里再詳細(xì)解釋這種方法?，F(xiàn)在我們主要討論Inline 方法。請注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關(guān)系。
<STYLE TYPE="text/css">
<!-- #truck {styles go here} -->
</STYLE>
This is a truck .

◆DIV用法之Cross-Browser CSS 性質(zhì)：

我們這個課程的主要目的是讓你寫出的網(wǎng)頁在 NS4 和 IE4 上都能工作， 所以我們主要討論那些對倆者都通用的性質(zhì)。下面這些性質(zhì)符合由 W3C 給出的標(biāo)準(zhǔn)。
position 決定 DIV tag 是如何放置的?！皉elative”意思是DIV的位置是相對于其他 tag 的，而“absolute”是說 DIV tag 的位置是相對于它所在的窗口。
left 相對于窗口左邊的位置
top 相對于窗口上邊的位置
width DIV tag 的寬度。所有在 DIV 里的文字或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 背景的顏色。
layer-background-color Netscape 的 DIV 背景顏色。
background-image DIV 的背景圖像。
layer-background-image Netscape 的 DIV 的背景圖像。

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

網(wǎng)頁標(biāo)題：DIV用法有哪些呢
本文來源：http://chinadenli.net/article10/gppido.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、面包屑導(dǎo)航、微信公眾號、小程序開發(fā)、網(wǎng)站營銷、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)