feat: add CSS Syntax Definition

Author: skyclouds2001

source/_posts/CSS-Syntax-Definition.md

@@ -0,0 +1,115 @@
+---
+title: CSS Syntax Definition
+date: 2024-01-05 00:28:47
+tags:
+  - Frontend
+  - CSS
+categories:
+  - Frontend
+  - CSS
+thumbnail:
+cover:
+toc: true
+recommend: 1
+keywords:
+uniqueId: '2024-01-05 00:28:47/CSS Syntax Definition.html'
+mathJax: false
+---
+
+CSS 语法定义规则
+
+## 关键字
+
+### 全局关键字
+
+全局关键字触发特别注明，通常可在所有 CSS 特性上直接使用，也不会在 CSS 特性的语法定义中另行注明
+
+- `initial` 显式指定为属性的默认值
+- `inherit` 显式指定为父元素的属性的计算值
+- `revert` 重置值并取消用户任何的更改
+- `revert-layer` 重置值并取消用户当前级联层中任何的更改
+- `unset` 若属性不可继承，等价于指定为 `initial`；若属性不可继承，等价于指定为 `inherit`
+
+### 普通关键字
+
+一部分属性会包含一部分关键字，其会被指定一个特殊的含义；通常会在 CSS 属性的语法定义中说明
+
+## 数据类型
+
+### 基本数据类型
+
+一部分数据类型在许多 CSS 特性中通用，通常用方括号包裹，如 `<string>`
+
+### 复杂数据类型
+
+一部分数据类型仅在少部分 CSS 特性中专属使用；这些数据类型中，一部分引用其他的 CSS 属性的语法定义，如 `<'border-top'>`；另外一部分则是基于其他数据类型，根据一定的规则生成，如 `<shape-box>`；亦包括一部分 CSS 函数的语法定义，如 `<calc()>`
+
+## 数据类型组合子
+
+### 括号
+
+`[]` 符号将多个条目、组合符和乘数组合成一个组件；它用于语法的分组以绕过优先级规则
+
+### 并置
+
+用空白符分隔多个条目、组合符和乘数，即为并置
+
+### 双与
+
+连接多个条目，指示各条目均必须出现，但顺序不限
+
+如：`A && B` 匹配 `A B` `B A`；但不匹配 `A` `A B A`
+
+注意*并置*的优先级高于&&，如 `A && B C` 等价于 `A && [ B C ]`
+
+### 双杠
+
+分隔多个条目，指示各条目需至少出现一次，但顺序不限
+
+如：`A || B` 匹配 `A B` `B A` `A` `B`；但不匹配 `A B A`
+
+注意&&的优先级高于||，如 `A || B && C` 等价于 `A || [ B && C ]`
+
+### 单杠
+
+分隔多个条目，指示各条目需恰好出现一次
+
+如：`A | B` 匹配 `A` `B`；但不匹配 `A B` `B A`
+
+注意||的优先级高于|，如 `A | B || C` 等价于 `A | [ B || C ]`
+
+## 数据类型乘数
+
+### 星号
+
+指示对应条目可不出现、出现一次或出现多次
+
+### 加号
+
+指示对应条目可出现一次或出现多次
+
+### 问号
+
+指示对应条目可选，即可不出现或出现一次
+
+### 大括号
+
+指示对应条目需出现指定范围内的次数或次数范围
+
+如：`A B{1,3}` 匹配 `A B` `A B B` `A B B B`；但不匹配 `A` `A B B B B`
+
+### 井号
+
+指示对应条目可出现一次或出现多次，但需使用逗号分隔
+
+井号亦可接大括号以指定重复的次数
+
+### 感叹号
+
+指示对应条目组必选，且其中的条目至少出现一次，即使条目组中格式允许条目可选
+
+## 数据类型范围
+
+部分数据类型可以限定值的范围，使用中括号表示
+
+如 `<integer [1,∞]>` 指示值需要为大于1的整数