发信人: ntomcar()
整理人: eagle(2000-09-24 10:32:00), 站内信件
|
【 在 ntomcar (Tomcar) 的大作中提到: 】
三、样式表的属性
１、背景属性 对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较
有趣的背景图案属性background-attachment此属性有两个值：scroll 和 fixed
;scroll是初始值，产生的效果是常见的背景图案随页面上的文字一起流动。fix
ed属性是指背景静止不动，文字在背景上流动的特殊效果，例如：body{backgro
und-attachment:fixed} 。background-position
此属性是设置背景图案的起始位置，可分别用百分比和长度值来设定，初始值为
0和0，例如：body{background-position:50% 50%}
２、文本属性
这里介绍几个常用的文本属性："text-decoration ""text-aling""line-he
igth""text-indent"。
text-decoration相信大家对这个属性都不会陌生，如我们常在网上看到的没
有下划线的超链接，就是通过设置这个属性来实现的。其常用的属性值有４个，
分别是：
属性值 说明
none 无
underline 下划线
overline 上划线
lineth-rough 删除线
有上面的属性值以后，我们就可以去掉超链接中的下划线了，设置如下：A:link
{text-decoration:none}
text-align这个属性定义了文本的对齐方式，其作用与HTML中的"align"相似
。其定义的对齐方式有四种，分别是：
left 左对齐
right 右对齐
center 居中
justify 两端对齐
line-height这个属性用来定义文本行高，即相邻的两行文字间的距离，此属
性可用数字、长度、百分比来定义。例如：
body{line-heigth:1.5;font-size:10pt}
body{line-heigth:150%;font-size:10pt}
这两个定义产生的行高都是15pt;即行高属性值乘以字体大小。
text-indent此属性定义文本首行的缩进方式，也即是在用WORD软件时所见的
首行缩进的效果；此属性值可以为负。例如：
P{text-indent:5em}
p{text-indent:-5em}
将上面任何一句加到HTML中，就可以看到效果了。
３、字体属性
字体属性是使用最多的，CSS的字体的常用属性包括：
font-family 匹配字体 BODY{font-family:Arial,Times,impact}
font-weight 字体精细 p{font-weight:bolder}设置字体为加粗
font-size 字体大小 body{font-size:10pt}
font-family 字形 p{font-family:italic}设置字体为斜体
其中的font-family的含义：首先寻找字体的名称（Arial），如果在该计算机中
安装了这种字体，就使用它。如果没有安装，则移向下一种字体（Times），如果
这种字体也没有安装，则移向第3种字体.你可以在列表中加入任何种字体名称。
当你对一种字体在不同的操作平台上的名称没有把握时，这样做是一种好办法。
另外你也可以一次性的定义所有的属性。例如：
BODY{fotn-family:宋体，Arial;font-weight:bolder;fint-size:10pt;color:b
lue}
--
-----------------------------
如果这份爱一定要加一个期限的话,
................我愿意是一万年.
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.102.28.23]
|
|