目前越来越多的站点采用了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】

posted on 2006-12-15 15:52  kingeric  阅读(280)  评论(0编辑  收藏  举报