HTML如何设置文本颜色_HTMLstyle属性color字体颜色

颜色名称很简单,直接写颜色名称即可,例如“red”就是红色。

十六进制格式时,只需在标记后添加六位数字即可,如FF5 7 3 3 ,为橙红色。

RGB 使用三个数字:红、绿、蓝,0-2 5 5 例如,2 5 5 、9 9 、7 1 是红色。

RGBA还有另一种透明度,第四个数字是0-1 ,像0.5 就是半透明。

示例项目:在一个电商产品描述页面,我用008 000给标题添加了绿色,这样我就能一目了然地看到特价。

数字示例:008 000与rgb(0,1 2 8 ,0)效果相同,都是绿色。

称一下体重。

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

老实说,在改变超链接的颜色方面,我刚开始作为前端开发人员时遇到了很多陷阱。
以字体颜色为例。
其实方法有很多种,但是使用哪种方法要根据情况而定。

例如,一位非常紧急的客户要求我将官网首页主操作按钮的链接更改为黄色。
当时我直接在标签中添加了 style="color: FFD7 00;"> ,不到 5 分钟就搞定了。
这种内联式的方法确实够快,但说实话,第二天客户要换成铜的,我只好一一找,结果很累。
这是它的缺点——不能重复使用并且维护成本非常高。

更有趣的是伪类玩法。
之前我负责一个旅游网站项目,老板要求链接有故事意义:未访问过的链接必须是浅蓝色,访问过的链接必须是深灰色,鼠标放在上面会变成橙色,点击会立即变成亮黄色,然后再打开。
当时我使用CSS伪类实现了它,效果令人印象深刻。
当用户查看链接状态时,就像翻阅一本书一样,用户的记忆和体验感直接被填满。
代码为:a:link{color:add8 e6 ;} a:visited{color:6 9 6 9 6 9 ;} a:hover{color:FFA5 00;} a:active{color:FFFF00;}。
一旦把这些状态写下来,用户的心理预期就会清晰。

但最常用的是外部CSS。
例如,在我正在从事的一个电子商务项目中,网站中的所有链接都使用品牌颜色 005 6 b3 ,悬停时颜色会变深,003 d8 2 只需在 styles.css 中写入两行:a{color:005 6 b3 ;} a:hover{color:003 d8 2 ;}。
如果像这样改变一个地方,所有的链接都会随之改变,这是非常有效的。
我记得上次改之后,设计师说颜色更适合品牌。
乍一看,原来005 6 b3 比0000FF更高级。

但是,应该注意的是,如果颜色选择不好,用户会抱怨。
我有一个破碎的项目。
背景为浅白色,链接为浅灰色。
用户抱怨他们看不清楚。
后来通过改变深度解决了这个问题。
还有互动体验。
不要让它变得花哨,比如在悬停时添加下划线或稍微放大一点。
用户应该能够立即知道“这个东西是可点击的”。
关于可维护性,我建议使用外部 CSS。
即使对于单个页面,使用 <link rel="stylesheet" href="..."> 链接单独的 style.css 文件也比在 HTML 中编写 style 属性要好数百倍。
在最近的团队协作中,设计师更改了a:visited 的颜色。
结果,网站上的所有链接都已更改。
这都是谢谢git 分支扑灭大火。

其实,如果你经常使用这些方法,你自然就会知道什么时候使用内联,什么时候使用伪类,什么时候使用外部CSS。
就像开车一样,新手驾驶员在驾驶手动变速箱时会担心死亡,而经验丰富的驾驶员会发现自动变速箱令人不安。
重要的是多练习、多观察。