html超链接字体颜色通过CSS设置方法

昨天整理旧电脑的时候,发现了一份2 01 9 年的网页设计稿,上面超链接的蓝紫色渐变特别醒目。
我当时使用的是外部样式表,我记得花了半天时间调试LVHA序列,因为一开始我把:hover放在它前面,所以当鼠标移到它上面时颜色没有改变。
最后发现必须按照link->visited->hover->active来排列。

现在想想,其实更烦人的是:visited伪类。
由于浏览器限制,背景图片无法更改,只能调整颜色。
当时为了区分新旧链接,visited 被设置为深灰色,hover 被设置为亮蓝色。
结果,有人抱怨“访问的页面颜色是灰色的”。
后来我意识到,这样的细节应该考虑到用户的阅读习惯——比如财经网站就不敢使用太突然的悬停颜色,生怕用户点击后出现错误的行为。

等等,还有一件事。
当我之前在活动页面上工作时,有一个红底白字的链接,但悬停时它变成白底红字。
老实说,这是违反直觉的,但测试发现低视力用户报告对比度实际上更高。
所以现在在更改链接颜色之前,我会先在色盲模拟器中检查它。
我突然想到,如果浏览器能够自动检测用户的视线并建议链接的配色方案,那就太好了……

css怎么保存

那天在咖啡厅,看着电脑屏幕上密密麻麻的CSS代码,我突然想到那些代码就像一杯咖啡,需要仔细品味才能知道香气。
存储 CSS 文件就像给咖啡杯盖上盖子,以防止它释放出可爱的香气。
我通常使用 SublimeText 编辑器;单击“文件”菜单,然后选择“保存”,或者只需按 Ctrl+S,就像盖上咖啡杯的盖子一样。
但有时我们忘记将文件扩展名设置为.css,文件最终会以一种神秘的形式出现,就像不加糖的咖啡一样,味道非凡。
记得有一次,我花了半个小时才搞清楚这个问题,最后重启电脑才解决。
等等还有一件事。
当使用CSS预处理器Sass编写代码时,我发现编译过程就像研磨咖啡豆一样。
有点无聊,但咖啡更甜。
然而,这就像开发过程中的一个小挑战,让人更有成就感。