css图片定位,注释(定义摘录)
<div class="goleft"><a href="#">上一张</a></div> <div class="goright"><a href="#">下一张</a></div>
.gundong .goleft{ width:35px; height:80px; background:url(../images/minjt.gif) 0 0 no-repeat; text-indent:-999px;overflow:hidden; position:absolute; left:-35px;top:300px;} .gundong .goright{ width:35px; height:80px; background:url(../images/minjt.gif) 0 -100px no-repeat; text-indent:-999px;overflow:hidden; position:absolute; left:1000px;top:300px;}
1.width
定义和用法
width 属性设置元素的宽度。
说明
这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。
2.background
定义和用法
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
实例
如何在一个声明中设置所有背景属性:
body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }
3.text-indent
定义
text-indent 属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
4.overflow
定义和用法
overflow 属性规定当内容溢出元素框时发生的事情。
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。
5.position
定义和用法
position 属性规定元素的定位类型。
实例
定位 h2 元素:
h2 { position:absolute; left:100px; top:150px; }
可能的值
absolute | 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 |
fixed | 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 |
relative | 生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 |
static | 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 |
inherit | 规定应该从父元素继承 position 属性的值。 |