本篇內(nèi)容介紹了“DIV入門(mén)知識(shí)點(diǎn)有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

臺(tái)江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！

DIV入門(mén)簡(jiǎn)介

DIV 在編程中又叫做整除，即只得商的整數(shù)。 DIV元素是用來(lái)為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(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è)定要素的位置，還能將定位的要素疊放在彼此之上，還有...還有......你自己慢慢看吧！
Cascading Style Sheets（CSS）是 DHTML 的基礎(chǔ)。CSS 用來(lái)設(shè)定你網(wǎng)頁(yè)上的元素是如何展示的。Cascading Style Sheets Positioning（CSS-P）是 CSS 的一個(gè)擴(kuò)展，它可用來(lái)控制任何東西在網(wǎng)頁(yè)上或是說(shuō)在窗口中的位置。請(qǐng)你記住這兩個(gè)名詞：CSS 和 CSS－P。

使用 DIV 標(biāo)簽

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

使用 DIV 的方法跟使用其他 tag 的方法一樣：This is a DIV tag .
如果單獨(dú)使用 DIV 而不加任何 CSS-P, 那么它在網(wǎng)頁(yè)中的效果和使用是一樣的。
但當(dāng)我們把 CSS-P 用到 DIV 中去以后，我們就可以嚴(yán)格設(shè)定它的位置。首先我們需要給這個(gè)可以被 CSS-P 控制的 DIV 一個(gè) ID 或說(shuō)是它的名字。比如說(shuō)我們給下面這個(gè) DIV 的名字是 truck。給名字的目的是我們以后可用 JavaScript 來(lái)控制它， 比如說(shuō)移動(dòng)它或改變它的一些性質(zhì)等等。

◆This is a truck

給層次取什么名字是隨意的，名字可以是任何英文字母和數(shù)字，但***個(gè)必須是字母。有兩種把 CSS-P 應(yīng)用到 DIV 的方法。
Inline CSS：Inline 是最常用的方法。This is a truck .
External STYLE tag：使用 External 方法的結(jié)果是一樣的。我們會(huì)在以后的課程里再詳細(xì)解釋這種方法。現(xiàn)在我們主要討論Inline 方法。請(qǐng)注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關(guān)系。

<STYLE TYPE="text/css">  STYLE>

This is a truck .

Cross-Browser CSS 性質(zhì)：
我們這個(gè)課程的主要目的是讓你寫(xiě)出的網(wǎng)頁(yè)在 NS4 和 IE4 上都能工作， 所以我們主要討論那些對(duì)倆者都通用的性質(zhì)。下面這些性質(zhì)符合由 W3C 給出的標(biāo)準(zhǔn)。
position 決定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相對(duì)于其他 tag 的，而“absolute”是說(shuō) DIV tag 的位置是相對(duì)于它所在的窗口。
left 相對(duì)于窗口左邊的位置
top 相對(duì)于窗口上邊的位置
width DIV tag 的寬度。所有在 DIV 里的文字或html都在里面。
height DIV tag 的高度。這個(gè)性質(zhì)很少用除非你想 Clip 層次。

clip 給出 layer 的 clipping（可看的見(jiàn)的）部分。Clip 可使得 DIV 顯示為一個(gè)可以定義的很準(zhǔn)確的方塊。你可以用以下的四個(gè)值來(lái)給出這個(gè)方塊的在 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 的背景圖像。

“DIV入門(mén)知識(shí)點(diǎn)有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

文章名稱：DIV入門(mén)知識(shí)點(diǎn)有哪些
分享地址：http://vcdvsql.cn/article30/gjsppo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、電子商務(wù)、網(wǎng)站收錄

廣告

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