HTML设置了字体颜色，为什么预览效果出来不一样
发布网友
发布时间：2022-04-22 05:10
共1个回答
热心网友
时间：2023-07-12 06:29
先了解下情况，如果是，请对号入座。
是否是开始是蓝色链接？后来变成紫色了？
这是由于浏览器设置关系，默认就是这样。
链接默认状态颜色为蓝色，访问后成紫色。
也就是说，只要你访问过这个链接，就会变色。
解决方法：
一，在浏览器工具项中，选择internet 选项，选择清除历史记录，然后刷新网页，就会发现链接恢复原色蓝色。但再次点击后又会变紫色。
二、根本方法是添加CSS样式表，在Dreamweaver中有添加CSS样式表的功能。方法有多种，如果不会CSS，可以查看相关书籍，也不复杂，多练几次就熟悉了。只要在CSS样式中确定颜色后，设置其四中状态下的样式。就不会再变化。
程序如下：（看不看得懂就看自己了，反正我的学生都能看懂。）
1、打开样式设计面板，点击新建CSS样式按钮。
2、在弹出的窗口中，设置选择器类型为高级，定义在仅对该文档。
注意点：定义在仅对该文档，则该样式仅能对该文档起作用，但不需要另外保存。选择新建样式表文件，则需要选择保存位置。
3、可以设置下面的选择器来设置超链接
a:link ——默认情况下，文字超链接的属性
a:visited ——访问后，文字超链接的属性
a:hover ——鼠标悬停时，文字超链接的属性
a:active ——鼠标按下时，文字超链接的属性
标签<a>是指超链接，当设置完CSS样式后，整个页面中所有的该种标签全部被CSS样式所渲染。
补充:
的确,由于所有的链接样式标签全部被渲染了，所以全部一样了，你是想一个网页里有多种链接样式吗？
那就添加类吧。下面是一段有CSS代码，自己看看吧。应该有启发。
<style type="text/css">
<!--
a:link {
color: #0000FF;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: none;
}
a:active {
color: #FF6600;
text-decoration: none;
}
.1:link {
color: #663366;
text-decoration: none;
}
.1:hover {
color: #0000FF;
text-decoration: underline;
}
.2:link {
color: #FF0000;
text-decoration: none;
}
.2:hover {
color: #FF6600;
text-decoration: underline;
}
-->
</style>
另外，样式可以控制文字大小。
