html超链接字体颜色使用CSS修改方法

那天,我在一家咖啡店里,呆呆地看着屏幕上显示的代码。
客户认为网站链接太暗,用户看不清楚。
我快速打开浏览器,比较了几个页面上链接的颜色。
我的心漏了一下。
有些链接实际上融入了背景。

调整超链接的颜色其实很有趣。
例如,上次我更改教育网站上的颜色时,我将未访问的链接从默认的蓝色更改为浅蓝色(9 9 ccff),将访问的链接更改为深紫色(6 6 009 9 ),当我将鼠标悬停在它们上方时,蓝色变亮。
用户报告说,这种方法可以让他们清楚地看到他们已经浏览过的页面。
WCAG 的对比度检测工具非常有用。
在设置颜色之前,我总是悬停几分钟,将 RGB 值调整到我可以清楚看到的水平。

但最成问题的是状态顺序问题。
有一次,我将悬停颜色设置得太接近访问的颜色,当用户单击链接时,它认为该链接无效。
我想出了一个“先链接,然后悬停”的顺序,就像稍后在菜肴中添加调味料一样。
首先添加 Link 的基础风味,然后添加 Hover 的装饰,最后添加 Visited 的陈年风味。
伪类优先级非常神秘。
有时 a:hover 优先于 a:visited。
要找出原因,您需要使用F1 2 快照工具。

等一下,还有一件事。
移动版本中的悬停错误确实很烦人。
我在苹果手机上测试时,悬停颜色正常,但当我的同事使用安卓手机时,悬停颜色消失了。
后来我发现浏览器默认禁用触摸屏上的悬停效果,所以我不得不添加 -webkit-touch-callout: none;解决问题。
这让我想起上周我为一位客户做的旧手机改造。
CSS 动画还必须使用百分比而不是过渡。
我们真正回到了2 008 年的发展水平。

我突然想起对比度的计算公式:L1 =(R1 +G1 +B1 )/3 ,L2 =(R2 +G2 +B2 )/3 ,对比度为(L1 +0.05 )/(L2 +0.05 )。
我们截图并使用Excel计算链接和竞品网站的背景比例。
哦,只有3 .8 :1 难怪用户抱怨。

html超链接字体颜色怎么通过CSS文件修改

说白了,改变超链接的颜色只有三个步骤:改变默认颜色、在LVHA伪类上使用不同的状态颜色、注意优先级。

颜色:ff4 5 00;另外一点,LVHAα类得按顺序写,linkvisitedhoveractive,搞别混了,我一开始也以为先写hover效果会盖住前面,不然悬停状态颜色可访问文字装饰:下划线;强调;
等等,还有个事,如果其他CSS规则更具体,比如.nav这种,会直接盖过a本身的颜色,这个时候可以用!importa
建议尝试组合hover和:active效果,比如添加鼠标动画。
过渡。
你怎么认为?

html超链接字体颜色修改在a标签中怎么设置

我以前做过这个。
我们将为您提供指导。

지난주에 한 고객 Been 변경한 링크 색상い 자신의 휴대전화에서 왜 잘못된 것인지 물었습니다。
있다는 것을 알게 되었습니다。
因此,我们必须清醒地认识这个问题。

ה장 일반적으로 사용되는 방법은 CSS를 사용하여 수정하는 것인데, 는 절대적으로 정확합니다。

예를 들어 <head>에