www.17rumen.com 一起入门视频教程下载

作为一个网站， 一般由多个网页组成，

而网页之间通过链接，把他们组合起来，让浏览的人 从一个网页过渡到另外一个网页。

最经常就是使用 <a> 这个标签了，下面简单演示一下 <a> 的使用。

<p>测试使用 a 标签。</p>

加入 <a></a> 标签对

<p><a href="#">测试使用 a 标签。</a></p>

href="#" 表示链接到本页，点击后仍然在本页面，

如果要链接到 其他网站也可以。例如 href="http://www.17rumen.com"

这样就连接到别的网页了， 如果想不在同一个窗口打开

也就是新的窗口打开， 就要加入 target="_blank"  也就是

<p><a href="http://www.17rumen.com" target="_blank">17rumen</a></p>

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

好了，下面使用 css 重新定义 <a> 标签，这样会使效果更加好。

我还是使用上次我们说的 新建一个 style.css 文件吧。

然后在页面 引用
<link rel="stylesheet" href="style.css" type="text/css" />

下面开始重新定义了。

a {
 color: red;
}

这样凡是使用 到 <a> 标签的地方 颜色 都会红色。
等一下在说这个，

那么当我们鼠标移到链接上面去 可以改变文字颜色吗 ？ 可以的。

a:hover {
 color: blue;
}
看到了吧， a:hover 就是表示鼠标移到上面去的时候 显示的颜色。

还可以加入 文字大小 font-size: 19px;

也可以去掉 下划线， text-decoration: none;

-------
当我们点击过的链接也可以 显示别的颜色，告诉浏览者 你已经点击过了。

a:visited {
 color: #cccccc;
}

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

如果同一个页面 需要多个 <a> 的样式 应该如何 ？

例如一个页面这个地方 我需要别的颜色，看我这样定义多个 a 样式。
a.tt:hover {
 color: #000000;
 font-weight: bold;
}

<p><a href="http://wwww.google.com" class="tt" > 第二个样式 </p>

这样就可以 一个页面使用 多个 <a> 的标签样式，

===========

这只是简单介绍了 a 标签使用 和 css 重新定义了，
当然 还有很多 丰富的 属性，例如 可以让链接文字 背景颜色可以变化

等等 。。。这个可以参考 css 文档，这只是一个入门。呵呵，视频就到这里

“div+css 05 链接标签a用法和使用css重新定义该样式”没有评论