对同一页面的不同超链接使用不同CSS样式
<html>
<head>
<title> New Document </title>
<style>
a .class1{color: #009933 }
a.class2 {color: #CC0033 }
a.class3 {color: #ddff33 }
</style>
</head>
<body>
<a class=class1 href="http://www.iecn.net" target="_blank">http://www.iecn.net</a> <br>
<a class=class2 href="http://www.iecn.net" _fcksavedurl=""http://www.iecn.net"" _fcksavedurl=""http://www.iecn.net"" target="_blank">http://www.iecn.net</a> <br>
<a class=class3 href="http://www.iecn.net" _fcksavedurl=""http://www.iecn.net"" _fcksavedurl=""http://www.iecn.net"" target="_blank">http://www.iecn.net</a> <br>
</body>
</html>
注意这里的href属性不能为空或为#,否则无效.
CSS语法:控制字距与行距
一、字间距:
利用字间距属性word-spacing,可以调整单词间的距离。
h2 {word-spacing:5pt}
二、字母间距:
利用字母间距属性letter-spacing,可以调整单词中每个字母(汉字)间的距离(普通的字与字之间的间距可以用这个来控制实现)。
h2 {letter-spacing:10pt};
三、行高:
与字距不同的是行距line-height,它调整的是行与行间垂直方向的距离,有三种方法设置:
数值:h3 {font-size:12pt; line-height:2};/*此处line-height=2x12pt=24pt */
长度单位:h3 {font-size:12pt; line-height:24pt};
比例:h3 {font-size:12pt; line-height:200%};
无论是字距或字母间距或行距都有一个共同的参数:normal,一旦设为normal就是要浏览器使用默认值。
如果大家有更好的经验要与大家分享,可以在下面发表评论,届时我们会补充到有兴趣相关文章库中来,感谢大家。
对于某些无法达到的设计,一定要记着试试负的属性
vertical-align:middle;表示行内垂直居中,我们将行距增加到和整个div一样高line-height:200px;然后插入文字,就垂直居中了。