css:padding
间隙属性是用来设置元素内容到元素边界的距离。包括：
1）左间隙属性（padding-left）
这个属性用来设定左间隙的宽度。例如：
.d1{padding-left:1cm}
2）右间隙属性（padding-right）
这个属性用来设定右间隙的宽度。例如：
.d1 {padding-right:1cm}
3）上间隙属性（padding-top）
这个属性用来设定上间隙的宽度。例如：
.d1 {padding-top:1cm}
4）下间隙属性（margin-bottom）
这个属性用来设定下间隙的宽度。例如：
.d1{padding-bottom:1cm}
5）间隙属性（padding）
这个属性是设定间隙宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右间隙属性。
你可以为上、下、左、右间隙设置相同的宽度。例如：
.d1 {padding:1cm}
你也可以分别设置间隙，顺序是上、右、下、左。例如：
.d1 {padding:1cm 2cm 3cm 4cm}
上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
相关文档：
!important语法针对的是“后面的属性覆盖前面的属性”这一语法，也就是说标识了!important的属性，是不被后面的相同属性所覆盖的，而IE6不认识这个，导致其他浏览器很容易根据这点“欺负”IE6：
div{
text-decoration:overline;
*text-decoration:line-through!important;
� ......
CSS代码如下：
img { /*-- 专门用于限定文章DIV下的图片 --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*兼容IE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......
/***************************by
garcon1986********************************/
区分
visibility:hidden
和
display:none
visibility:hidden
hides an element, but it will still take up the same space as before.
The element will be hidden, but still affect the layout.
Display: none
hides ......
示例：此DIV为固定定位对象
要使HTML元件定位于浏览器的某个固定位置，而不随滚动条滚动，用以下CSS代码即可，跨各个主流浏览器： POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。
示例见右边黄底红字块。 ......
可以放置样式的地方：样式表，<style>和style
样式表是一个独立的文件，可以通过<link>元素或者css的@import语句把它附加到某个html文档中，<style>是一个html元素，可以把它内嵌在html文档中，style是一个属性，可以内置在任何html元素中。
要想把样式表连到html文档中，要在html文档中的<head> ......
