CSS学习值和单位

Posted 2021-11-22 小兜兜me

一、关键字、字符串和其它文本值

1. 关键字：与其它编程语言一样，是代表特定含义的一个单词（ 接收关键字的属性，所取的关键字必须在那个属性允许使用的关键字范围之内 ）
2. 字符串：前后引号要保持一致（ 可以是单引号也可以是双引号 ）
3. URL：绝对 URL，相对 URL
4. 图像：图像的值基本上就是 URL 的值
5. 标识符：即用户定义的某种标识符，区分大小写。不要把标识符定义地跟有效的关键字一样

二、数字和百分数

1. 整数：有些属性取值范围外的整数会忽略，而有些会去成相近的整数
2. 数字：可以有小数点（ 规则同上 ）
3. 百分数：数字的百分制
4. 弹性制：

三、距离

1. 绝对长度单位
• 英寸（ in ）
• 厘米（ cm ）
• 毫米（ mm ）
• 四分之一毫米（ q ）
• 点（ pt ）
• 派卡（ pc ）
• 像素（ px ）：根据分辨率的不同而改变（ 详见：https://www.cnblogs.com/xddisme/p/15525932.html ）
2. 分辨率单位
   • 点每英寸（ dpi ）
   • 点每厘米（ dpcm ）
   • 点每像素单位（ dppx）
3. 相对长度单位
   • 所用字体m的宽度（ em ）
   • 所用字体x的高度（ ex ）
   • 根元素所用字体m的宽度（ rem ）
   • 0字符所用的进距（ ch ）
   • 视区宽度单位（ vw ）
   • 视区高度单位（ vh ）
   • 视区尺寸最小值单位（ vmin ）
   • 视区尺寸最大值单位（ vmax ）

四、计算值（ calc() ）

1. + 号和 - 号两侧的值必须使用相同的单位类型
2. * 计算的值必须有一个是number类型，没有单位那种，如果两个都有单位的话，例如是cm，求的就是面积了cm²
3. / 计算的两个值中右边那个必须是number类型，也就是没有单位那种，否则无效
4. 任何情况下都不能除0
5. + 和 - 运算符两侧必须有空白，* 和 / 没有这一限制，这样做有助于避免混淆负数

五、属性值

　　attr()：适配性很差，很难在开发中使用，忽略即可

六、颜色

1. 具名颜色：关键字颜色
2. RGB 和 RGBa
3. HSL 和HSLa
4. 颜色关键字：transparent（ 完全透明的颜色 ），currentColor（ 当前元素color的值 ）

七、角度

1. 度数（ deg ）一圈360deg
2. 弧度（ rad ） 一圈2π，近似6.28
3. 圈数（ turn ）

八、时间和频率

1. 时间
   • 秒（ s ）
   • 毫秒（ ms ）
2. 频率
   • 赫兹（ hz ）
   • 千赫兹（ khz ）

九、位置

　　没弄明白，忽略

十、自定义值

1. 自定义标识符以（ -- ）开头
2. 调用的方法是var()
3. 区分大小写
4. 类似于c的宏定义和使用