怎樣深入剖析DIV概念和用法

本篇文章給大家分享的是有關怎樣深入剖析DIV概念和用法，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

在學習網頁設計的過程中DIV的概念經常會遇到，這里和大家分享一下DIV的概念和用法，DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。

DIV簡介

DIV在編程中又叫做整除，即只得商的整數。DIV元素是用來為HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

CSS單元的位置和層次-div標簽

我們都知道，在網頁上利用HTML定位文字和圖像是一件“令人心痛”的事情。我們必須使用表格標簽和隱式GIF圖像，即使這樣也不能保證定位的精確，因為瀏覽器和操作平臺的不同會使顯示的結果發生變化。

而CSS能使你看到希望的曙光。利用今天我們即將學到的CSS屬性，你可以精確地設定要素的位置，還能將定位的要素疊放在彼此之上，還有...還有......你自己慢慢看吧！
CascadingStyleSheets（CSS）是DHTML的基礎。CSS用來設定你網頁上的元素是如何展示的。CascadingStyleSheetsPositioning（CSS-P）是CSS的一個擴展，它可用來控制任何東西在網頁上或是說在窗口中的位置。請你記住這兩個名詞：CSS和CSS－P。

使用DIV標簽

當我們使用CSS-P的時候，我們主要把它用在DIV（division）tag上。當你把文字，圖像，或其他的放在DIV中，它可稱作為“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。而中文我們把它稱作“層次”。所以當你以后看到這些名詞的時候，你就知道它們是指一段在DIV中的HTML。
使用DIV的方法跟使用其他tag的方法一樣：ThisisaDIVtag.

如果單獨使用DIV而不加任何CSS-P,那么它在網頁中的效果和使用是一樣的。
但當我們把CSS-P用到DIV中去以后，我們就可以嚴格設定它的位置。首先我們需要給這個可以被CSS-P控制的DIV一個ID或說是它的名字。比如說我們給下面這個DIV的名字是truck。給名字的目的是我們以后可用JavaScript來控制它，比如說移動它或改變它的一些性質等等。

以上就是怎樣深入剖析DIV概念和用法，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。