css图片定位，诠释（定义摘录）

css图片定位，注释（定义摘录）

?

<div name="code">.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 属性的值。

  ?