检测是否理解CSS语法
linear-gradient( [ <angle> | to <side-or-corner> ,]? <color-stop-list> )
如果你能看懂，恭喜你掌握了CSS语法，可以滑到彩蛋部分直接查看
基础理解
语法由三部分组成：关键字、数据类型、符号
关键字
关键字分为通用关键字和全局关键字
- auto、none、ease等关键字是通用关键字，或者可以称为普通关键字，这些关键字只被部分css支持
- inherit、initial、unset和revert是全局关键字，被所有的CSS属性支持
关于关键字部分，下篇文章进行详细介绍
数据类型
数据类型就是被 有一对尖括号‘<>’ 包住的，关于这个知识点以往文章已经介绍过，点击此处跳转
符号
符号分为：字面符号，组合符号，数量符号
- 字面符号【目前有两个，分别是逗号、斜杠】
- 组合符号
- 表示元素之间的组合关系，优先级从上到下越来越高
- 数量符号
- 用来描述元素可以出现的次数，但需要注意的是数量符号不能叠加且优先级高于组合符号
案例分析
下面先讲一下语法中的元素。
- 逗号（,）是字面符号，没有什么特殊的含义，只表示这里需要有一个逗号字符。要注意下面这种写法是不合法的：
/* 不合法，缺少逗号 */
background: linear-gradient(0deg blue, pink);
- 空格（ ）是组合符号，表示并列，同时保证各部分按顺序出现。因此，如果把数据类型放在前面，那就不合法了：
/* 不合法，顺序不对 */
background: linear-gradient(blue, pink, 0deg);
- “互斥”组合符（|）表示角度和方位只能出现一个，两者不能同时出现。因此，下面的写法是不合法的：
/* 不合法，角度和方位不能同时出现 */
background: linear-gradient(0deg to top, blue, pink);
- 方括号（[]）用来分组，方便指定数量。
- 问号（?）是数量符号，表示方括号框起来的元素可以出现零次或者一次，零次的意思就是这个元素可以不出现。因此，下面的写法是不合法的：
/* 不合法，角度或方位最多出现一次 */
background: linear-gradient(0deg, 0deg, blue, pink);
彩蛋
我在寻找志同道合的同学，互相监督坚持每日当卡学习，学习路线如下：css、vue、JavaScript、node、如何使用AI来提升编程能力，如果你有兴趣可以私信我。]
资料扩展
张鑫旭 <<css新世界>>
