阅读css官方参考手册的关键点
本文参考https://www.w3.org/TR/2011/REC-CSS2-20110607/about.html#property-defs
相信大家写css代码的时候看过如下的提示，一大串的英文，英文水平不好的童鞋可能就懵逼了，其实仔细看都是css的属性值~
这里不是说要说具体怎么阅读官方文档，主要是解决一些初学者对这些符号的疑问，就从font这个属性开始吧！
属性都有哪些描述？
-
Name:属性名称
-
Value：可以设置哪些值
-
inherit是继承的意思，即是说该属性值能否继承给子元素
-
-
Initial: 初始值 / 默认值（设置属性的初始值相当于没设置、、、）
- Applies to:适用的元素范围
- all elements：所有的元素
- 取值也可以是block-level element：块级元素
- Inherited:是否可以继承
- Percentages:是否可以使用百分比
- N/A：表示不适用
- Media:媒体
- visual：视觉
- Computed value：如何得出计算值
- The same as the specified value after clipping the <alphavalue> to the range [0.0,1.0].这里是指与最初的值的范围指定值相同~
取值都有哪些组合表示？
- 并列：取值用空格隔开，表示缺一不可，顺序也不能改变
- | ：取值只能出现一个；
- ||：出现一个或者多个，任意顺序；
- &&：每个都必须出现，任意顺序；
- [ ]:分组，代表是一个整体；
- / 斜杠 一般是属性组合的时候使用，比如font属性，font-size后面可以写/斜杠加上line-height的值，也可以不写；
- 优先级：
- 并列 > && > || > |
取值的次数都有哪些符号表示
- （*）星号：大于等于0次；
- （+）加号：大于等于1次；
- （？）问号：0次或者1次；
- {a，b }大括号：最少a次，最多b次；
- （#）井号：大于等于1次，每个取值由逗号（，）隔开；
- （！）感叹号：跟在组合的后面，代表组合里面至少要取一个值，即使组合内的所有值都是可以选择的；
取值类型都有哪些？
- 关键字：比如left，right，top等字面取值，没有任何的符号包裹
- 基本数据类型：格式为<数据类型>，取值常见：
- <integer>:表示取值是整数类型：1,2,3等等；
- <number>：表示取值是实数类型，包括小数，整数：1.02，-10；
- <color>：表示取值是颜色，比如#000， rgb（0,0,255）；
- <string>：表示取值是字符串,一般是双引号包裹"我是字符串”;
- <percentage>：表示取值是百分比；
- <url>:表示资源路径；
这里做了一些整理描述~帮助初学者有个基本的认识~具体的还请查阅官方文档哦！
欢迎加入前端学习交流群820111236 ！
