從今天開始進行DIV+CSS的學習,每天更新

來源:互聯網
上載者:User
目前越來越多的網站採用了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】

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.