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