div+css 要点记录-CSDN博客

本文链接：https://blog.csdn.net/zavens/article/details/1771840

对同一页面的不同超链接使用不同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就是要浏览器使用默认值。

如果大家有更好的经验要与大家分享，可以在下面发表评论，届时我们会补充到有兴趣相关文章库中来，感谢大家。