DIVDIV標簽

時間：2023-02-09 04:45:01 | 來源：營銷百科

時間：2023-02-09 04:45:01 來源：營銷百科

DIVDIV標簽：div 標簽定義 HTML 文檔中的分隔（DIVision）或部分（section）。div屬于web前端的學(xué)習(xí)內(nèi)容，其中div 標簽常用于組合塊級元素，以便通過樣式表來對這些元素進行格式化。div 可定義文檔中的分區(qū)或節(jié)（division/section）。div 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。如果用 id 或 class 來標記 div，那么該標簽的作用會變得更加有效。

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

使用 DIV 的方法跟使用其他 tag 的方法一樣：

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

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

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

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

ExternalSTYLE tag：使用 External 方法的結(jié)果是一樣的。請注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的關(guān)系。

Cross-Browser CSS 性質(zhì)：

position 決定 DIV tag 是如何放置的。'relative'意思是DIV的位置是相對于自身tag的，而'absolute'是說 DIV tag 的位置是相對于它父級relative的窗口或者body標簽。

left 相對于窗口左邊的位置

top 相對于窗口上邊的位置

width DIV tag 的寬度。所有在 DIV 里的文字或html都在里面。

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

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

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

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

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

background-color DIV 背景的顏色。

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

background-image DIV 的背景圖像。

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

HTML div 標簽