网页教程：CSS中文教程(5)_动易Cms教程

网页制作者需要清楚Microsoft Internet Explorer 3.x 会错误地将em 和ex单位当作像素，这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小，而不是上级元素的字体大小。这种做法像

H1 { font-size: 200% }
这是危险的，其大小将被视为IE的一级标题的缺省字体大小的两倍，而不是两倍于上级元素的字体大小。在这种情况中，BODY 通常会被视为上级元素，而且很可能定义一个medium的字体大小，然而，在IE中一级标题的缺省字体大小可能被认为是xx-large。

注重到了这些错误后，网页制作者在使用字体大小属性时，应该小心使用百分比的值，而且应该尽量避免使用em和ex这两个单位。

颜色及背景属性

颜色
语法: color: <颜色>

初始值: 由浏览器决定

适用于: 所有对象

向下兼容: 是


颜色属性答应网页制作者指定一个元素的颜色。查看单位可以知道颜色值的描述. 一些颜色规则的例子包括:

H1 { color: blue }
H2 { color: Navy }
H3 { color: #0c0 }
为了避免与用户的样式表之间的冲突，背景和颜色属性应该始终一起指定。

背景颜色
语法: background-color: <值>

答应值: <颜色> | transparent (透明)

初始值: transparent (透明)

适用于: 所有对象

向下兼容: 否


背景颜色属性设定一个元素的背景颜色。例如:

BODY { background-color: white }
H1 { background-color: Navy }
为了避免与用户的样式表之间的冲突，无论任何背景颜色被使用的时候，背景图象都应该被指定。而大多数情况下，background-image: none都是合适的。

网页制作者也可以使用略写的背景属性，通常会比背景颜色属性获得更好的支持。

背景图象
语法: background-image: <值>

答应值: <统一资源定位URLs> | none (无)

初始值: none (无)

适用于: 所有对象

向下兼容: 否


背景图象属性设定一个元素的背景图象。例如:

BODY { background-image: url(/images/foo.gif) }
P { background-image: url(/help/UploadFiles_4256/200504/20050429120449448.png) }
为了那些不载入图象的浏览者，当定义了背景图象后，应该也要定义一个类似的背景颜色。

网页制作者也可以使用略写的背景属性，通常会比背景图象属性获得更好的支持。

背景重复
语法: background-repeat: <值>

答应值: repeat | repeat-x | repeat-y | no-repeat

初始值: repeat

适用于: 所有对象

向下兼容: 否


背景重复属性决定一个指定的背景图象如何被重复。值为repeat-x时，图象横向重复，当值为repeat-y时图象纵向重复。例如:

BODY { background: white url(candybar.gif);
background-repeat: repeat-x }
在以上例子中, 图象只会被横向平铺。

网页制作者也可以使用略写的背景属性，通常会比背景重复属性获得更好的支持。

背景附件
语法: background-attachment: <值>

答应值: scroll | fixed

初始值: scroll

适用于: 所有对象

向下兼容: 否


背景附件属性决定指定的背景图象是跟随内容滚动，还是被看作油画固定不动。例如，以下指定一个固定的背景图象:

BODY { background: white url(candybar.gif);
background-attachment: fixed }
网页制作者也可以使用略写的背景属性，通常会比背景附件属性获得更好的支持。

背景位置
语法: background-position: <值>

查看更多 动易Cms教程  动易Cms模板