a:hover{color:#f00text-decoration:none}
这种写法可以实现效果没错,以前我也非常喜欢使用这种写法
但现在都使用规范写法
a:link {color:#00Ftext-decoration:none} /* 未访问的链接 */
a:visited {color: #00Ftext-decoration:none} /* 已访问的链接 */
a:hover{color: #F00text-decoration:underline} /* 鼠标在链接上 */
a:active {color: #F00text-decoration:underline} /* 点击激活链接 */
超连接的样式一般在CSS的起始就定义了用做公共样式
HTML 代码-01
打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...
打开 HTML-01
先书写一段 HTML 代码为一会儿的 Css 样式做准备
新建记事本
在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )
笔记本书写 css 样式
在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )
更改后缀名
关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )
HTML 代码-02
连接好了再次打开 HTML 文件就可以看到:
打开 HTML-02
附录: 详细的 Css 代码
Css 示例代码
1、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
2、我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。
3、我们写一个<title>的标签，将网页的题目写入进去，让网页的标题显示为“引入外部css文件和外部js文件”。
4、我们用<meta>标签设置字符的编码格式为：UTF-8，以使浏览器能够正确的显示我们的网页。
5、我们写一个<body>标签，用来包含网页的主体部分。
6、我们写几个标签以便在外部css文件样式表中，为其设置样式。
7、我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了。
8、我们用标签选择器为<p>标签、<div>标签和<span>标签的内容设置样式。
9、我们使用,<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。
10、我们鼠标右击在弹出的下拉菜单中，我们选择“在浏览器中打开”这一项。
11、我们看到我们编写的样式被应用到了标签中文字上，说明我们的css外部样式表文件引入成功。
