linear-gradient需显式指定多色停靠点百分比，否则默认等分；方向语法不可混用；background简写会覆盖background-color；透明叠加须用rgba/hsla；多背景中渐变层在前。
linear-gradient 支持任意多个颜色节点，但写错位置或漏掉关键细节，渐变就“不动”或“断层”。
多色停靠点必须显式写百分比，否则等分失效
浏览器默认把颜色均匀分配在 0% 到 100% 区间。比如 linear-gradient(to right, red, green, blue) 会把 red 放在 0%，green 在 50%，blue 在 100%——但如果你想要绿色只占中间窄条，就得手动指定：red 0%, green 40%, green 60%, blue 100%。
常见错误是写成 red 0%, green, blue 100%：中间的 green 没带位置，浏览器仍按等分算（≈50%），结果绿色区域远超预期。
- 相邻两个相同颜色+相同位置（如
orange 20%, orange 20%）能制造锐利色阶边界 - 用像素值（如
red 0px, yellow 20px）也可，但响应式场景下易失配，优先用百分比 - 起始和结束位置建议始终显式写
0%和100%，避免隐式计算偏差
方向关键词和角度混用会直接报错
to right 和 90deg 效果等价，但不能同时出现。写成 linear-gradient(to right, 45deg, red, blue) 浏览器会忽略整个声明——CSS 解析器只认一种方向语法。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
更隐蔽的问题：旧版写法如 top（无 to 前缀）已废弃，现代浏览器可能降级为默认 to bottom，但行为不一致。
- 推荐统一用
to [side-or-corner]形式（如to bottom right）或纯角度（如135deg） -
to top表示“向上渐变”，即颜色从下往上铺——起始色在底部，不是顶部 - 角度以 0deg =
to top为基准，逆时针递增；90deg =to right，不是直觉里的“水平向右为 0”
background-color 会被渐变完全覆盖，透明叠加需主动控制
只要用了 background: linear-gradient(...)，不管有没有写 background-color，后者都会被遮盖。想保留底层色做衬底（比如让渐变半透、露出纹理），必须用 rgba() 或 hsla() 显式设透明度。
例如：background: linear-gradient(to right, rgba(255,0,0,0.8), rgba(0,255,0,0)); 才能让红色渐变到透明绿色，露出父容器背景。
- 别依赖
background-color和background-image叠加——background是简写属性，一设就清空所有子属性 - 若需 fallback 色，应写在
background简写最前面：background: #333, linear-gradient(...); - 多背景叠加时，
linear-gradient层序靠前（离用户近），图片层靠后
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
