css:div属性详解
margin：层的边框以外留的空白
background-color：背景颜色
background-image：背景图片
padding：层的边框到层的内容之间的空白
border：边框
content：内容
步骤一、
分析一个典型的定义div例子：
#sample{
margin:10px;
border: #111 10px solid;
padding:10px;
background: url(background.jpg) #ccc no-repeat right bottom;
color: #009;text-align:right;
line-height: 150%;
width:800px;
height:600px;
}
说明如下：
● margin是指层的边框以外留的空白，用于页边距或者与其它层制造一个间距。
如果上右下左margin值均为10px, 则代码为:
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
"10px 10px 10px 10px"分别代表"上右下左四个边距, 上面也可简写为
margin: 10px 10px 10px 10px;
当上下, 左右margin值分别一致, 可简写为:
margin: 10px 10px;
前一个10px代表上下margin值, 后一个10px代表左右margin值.
当上下左右margin值均一致, 可简写为:
margin: 10px;
如果边距为零，要写成"margin: 0px;"。注意：当值是零时，除了RGB颜色值0%必须跟百分号，其他情况后面可以不跟单位"px"。
margin是透明元素，不能定义颜色。
● bordet是指层的边框，这里定义层的边框颜色为"#111"，宽度为"10px"，样式为"solid"直线。如果要虚线样式可以用"dotted"。
● padding是指层的边框到层的内容之间的空白。和margin一样，分别指定上右下左边框到内容的距离。如果都一样，可以缩写成"padding:0px"。单独指定左边可以写成"padding-left: 0px;"。padding是透明元素，不能定义颜色。 更
● background是定义层的背景。分2级定义，先定义图片背景，采用"url(../images/bg_logo.gif)"来指定背景图片路径；其次定义背景色"#FEFEFE"。"no-repeat"指背景图片不需要重复，如果需要横向重复用"repeat-x",纵向重复用"repeat-y",重复铺满整个背景用"repeat"。后面的"right bottom;"是指背景图片从右下角开始。如果没有背景图片可以只定义背景色background: #ccc
● background-image 属性为元素设置背景图像。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
相关文档：
一、使用STYLE属性
将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
八十年代
</td>
这种方法优点：可� ......
在使用“float”时，因为“float”是javascript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......
CSS，层叠样式表的作用是什么？我们先通过一个例子来体会一下：
看代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......
用float时发现margin不起作用，图片和文字并排时老是不能对齐，于是搜到了这篇文章。 -------------------------------------------------------------------------------------------------------------------- 原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址：http://www.zhangxi ......
