css颜色值必须写为无引号的连续十六进制，如#ff6b35；#rgb简写仅当每位重复时有效（如#abc→#aabbcc）；透明度需用rgba()或#rrggbbaa（八位），禁用空格与换行。
color属性直接写#RRGGBB就行，别加引号
浏览器解析颜色值时，color、background-color这类属性接受无引号的十六进制字面量。写成 color: "#ff6b35" 反而会失效——CSS不认带引号的字符串形式。
- 正确：
color: #ff6b35、border: 1px solid #000 - 错误：
color: "#ff6b35"（语法无效）、color: 'ff6b35'（缺#且引号非法） - 大小写不敏感，
#FF6B35和#ff6b35效果一样，但团队协作建议统一小写
#RGB是简写，但只适用于每位数字重复的情况
像 #f35 这种三位写法，本质是浏览器自动展开为 #ff3355。它不是“随便缩写”，而是严格要求 R、G、B 每个通道的两位值必须相同。
- ✅
#abc→#aabbcc - ✅
#000→#000000 - ❌
#ab3想表示#aa bb 33？不行，#ab3实际展开为#aabb33，绿色通道变成bb而非你想要的33 - 别为了省字符硬套简写，尤其在设计系统中，
#RRGGBB更明确、不易误读
透明度不能靠#RRGGBB实现，得用rgba()或#RRGGBBAA
传统六位十六进制不带 alpha 通道。想让文字半透，写 color: #00000080 在现代浏览器可行，但 IE 完全不支持；更稳妥的是用 rgba()。
-
#00000080：八位写法，后两位是 alpha（00–FF），Chrome/Firefox/Edge 支持，Safari 16+ 开始支持，IE 不支持 -
rgba(0, 0, 0, 0.5)：兼容性更好，但需把十六进制转成十进制，比如#ff6b35→rgba(255, 107, 53, 0.7) - 注意：opacity 是作用于整个元素及其子元素的，和 color 的透明度不是一回事
颜色值里混用空格或换行会直接报错
CSS 对颜色字面量的格式非常严格。#ff6 b35 看起来只是多了个空格，但浏览器会当作两个无效记号处理，整条声明被丢弃。
- ❌
background: #ff6\nb35（换行） - ❌
color: #ff6 b35（空格） - ❌
border-color: # ff6b35（#后紧跟空格） - 所有十六进制颜色必须是连续无分隔的 4 位（
#RGBA）、6 位（#RRGGBB）或 8 位（#RRGGBBAA）
十六进制颜色看着简单，但#要不要、位数对不对、空格加没加、透明度怎么加——这些地方一错，样式就静默失效，连控制台都不报错。真出问题时，先盯住那几个字符，比查文档更快。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
