DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 深入剖析DIV概念和用法
深入剖析DIV概念和用法
編輯:CSS詳解     

在學習網頁設計的過程中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來控制它,比如說移動它或改變它的一些性質等等。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved