目前越來越多的網站採用了DIV+CSS來進行設計,在某些程度上可以說減輕了網站的負載,是個好東西,所以有必要學習下。
一、基礎
DIV的基本結構如下
<DIV 相關屬性>文字說明</DIV>
<DIV style="">文字說明</DIV>
所以我需要學習的就是這個相關屬性style裡面的東西。
如: <div style="width:500px; height:300px; background-color:#0099CC"></div>
二、DIV屬性介紹
Aglin:水平對齊:Center【置中】、Justify【左右對齊】、Left、Right。
Class:Css類名
Dir:未知【有待更新】
ID:
更多事件【這些都不用寫了】
Style:這個就是我們要學的東西
三、Style值介紹
azimuth : left-side | far-left | left | center-left | center | center-right | right |far-right | right-side | leftwards | rightwards | angle
設定或檢索當前聲音的音場角度。
目前IE5.5尚不支援此屬性。
=====================================================
background-color : transparent | color
參數:
transparent : 背景色透明
color : 指定顏色。請參閱顏色單位和附錄:顏色表
======================================================
background:url(picview/jpg/1.jpg)背景圖片
參數:
transparent : 背景色透明
color : 指定顏色。請參閱顏色單位和附錄:顏色表
=====================================================
background-repeat : repeat | no-repeat | repeat-x | repeat-y
參數:
repeat : 背景映像在縱向和橫向上平鋪
no-repeat : 背景映像不平鋪
repeat-x : 背景映像在橫向上平鋪
repeat-y : 背景映像在縱向平鋪
=====================================================
background-attachment:設定或檢索背景映像是隨對象內容滾動還是固定的。
參數:
scroll : 背景映像是隨對象內容滾動
fixed : 背景映像固定
width:寬度,如:500px、100%
Height:高度,如:300px、100%
*************************************************************
=============2007-1-26日更新==========================
**************************************************************
文法:
clear : none | left |right | both
參數:
none : 允許兩邊都可以有浮動物件 [那麼文字等將環繞在div兩邊]
both : 不允許有浮動物件 [那麼div兩邊不存在任何的東西]
left : 不允許左邊有浮動物件 [那麼div左邊不存在任何的東西]
right : 不允許右邊有浮動物件 [那麼div右邊不存在任何的東西]
float : none | left |right
參數:
none : 對象不浮動 [那麼div兩邊不存在任何的東西]
left : 對象浮在左邊 [那麼div左邊對齊]
right : 對象浮在右邊 [那麼div右邊對齊]
overflow : visible | auto | hidden | scroll
參數:
visible : 不剪下內容也不添加捲軸。假如顯式聲明此預設值,對象將被剪下為包含對象的window或frame的大小。並且clip屬性設定將失效
auto : 此為body對象和textarea的預設值。在需要時剪下內容並添加捲軸
hidden : 不顯示超過對象尺寸的內容
scroll : 總是顯示捲軸
【一般情況下,要設定一個很小高度的div時,用到overflow屬性 = hidden】