W3C
CSS2.1
规范中的描述，'z-index'
应用于定位元素（
'position'
特性不是
static
），它接受整数值，默认值为
auto。
意思就是说'z-index'
只有在层有绝对或者相对定位的时候才会起作用，'z-index'
默认值为auto。
如果2个或2个以上通过绝对或者相对定位的层有重叠的时候，这个时候'z-index'
的值谁的大就那个层显示在最上面！直接设置个999或者是比999更大的数值的目的也就是为了保证该层能一直显示在最上！
在html中让图片置顶，需要设置图片中的div属性,设定div中的padding-top属性。padding-top: 0设置div中无填充，对象置顶。案例设置方法如下：
<html>
<body>
zhiding{padding-top: 0}
<div class=“zhiding” align="center">
<img src="C:路径/文件名.jpg">
</div>
</body>
</html>
font:12px设置字体大小
color:#f00
设置字体颜色
background:#333
背景颜色
border:1px solid #ccffff
边框属性（1px 是粗细 solid表示边框是实线 #ccffff是设置边框的颜色）
margin:5px 5px 5px 5px
外边距（上右下左的距离）
当上右下左四个距离一样的时候可以缩写成margin:5px
padding:3px 3px 3px 3px
内边距（上右下左的距离）
以上几个是比较常用的属性
下面看一下如何在网页中添加css样式
只是临时用下，我们就用内嵌式
<style type="text/css">
<!--
-->
</style>
把上面这段代码放到<head>中的<title></title>语句之后
接着，如果我们要使<body>中的文字颜色全变为红色字体全变为12px大小
就在
<style type="text/css">
<!--
-->
</style>
中加上
body{
color:#f00
font:12px
}
综合起来就是
<style type="text/css">
<!--
body{
color:#f00
font:12px
}
-->
</style>
如果要使p段落中的文字变为黑色，字休为13px
就再加上
p{
color:#000
font:13px
}
综合起来就是
<style type="text/css">
<!--
body{
color:#f00
font:12px
}
p{
color:#000
font:13px
}
-->
</style>
通常我们还要用到<a>链接
直接看个代码吧
a{
color:#f00
font:12px
text-decoration:none
}
a:hover{
color:#000
font:12px
text-decoration:underline
background:#d2deff
}
其中的text-decoration是设置下划线的,none表示没有，underline表示有,a:hover表示的是鼠标放到链接上时显示的属性
把上面这些都应用到网页中参考看下吧
<html>
<head><title>测试</title>
<style type="text/css">
<!--
body{
background:#ccc
}
p{
color:#999
font:24px
background:#d2deff
}
a{
color:#f00
font:12px
text-decoration:none
}
a:hover{
color:#000
font:12px
text-decoration:underline
background:#d2deff
}
-->
</style>
</head>
<body>
<p>这是P段落效果</p>
<a href="#">链接效果</a>
</body>
</html>
那些设置颜色 大小 背景颜色 边框以及边距的属性还可以运用到table中ul中等`
参考下吧，如果还想看些div布局的话再发消息或留言吧，就先这些了
