多个html如何进行连接,怎样在一个页面定义多个连接CSS样式

很头疼的是在页面里定义了连接样式之后，每个连接都会是一样的，如果导航栏目也是文字连接的话，就很郁闷了，因为我们的导航栏目的字体要比网页中的字体要大，一般设为14像素，网页的字体都是12像素的。

所以定义连接样式的时候，怎样在网页里定义多个连接样式呢，这样显得网页整齐好看。

首先新建一个CSS样式表，在样式表编辑输入如下代码(可视编辑里没有)：

12像素为网页字体，14像素为导航字体

.12:link{font-size:12px;}

.14:link{font-size:14px;}

class='12'>sf

class='14'>sf

.12:link,.12:visited{font-size:12px;}

.14:link{font-size:14px;}

class='12'>sf

class='14'>sf

==================================

字体为14像素的导航栏目连接样式定义如下：

【.14就是你定义的样式名称，在样式连接的时候，选择14就是了】

.14:link {

font-family: "宋体";

font-size: 14px;

font-weight: bold;

color: #FFFFFF;

}

.14:visited{font-size:14px;color: #FFFFFF;}

.14:active{font-size:14px;color: #FFFFFF;}

.14:hover {COLOR: #FF0000; TEXT-DECORATION: none;

font-size:14px}

注：

link 是有连接的文字的颜色

visited 已经访问的连接的颜色

active 活动连接的颜色

hover 鼠标经过的颜色