CSS的专业术语

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情

1、css世界的专业术语

• 属性

• 值

• 关键字

  如：solid、transparent、inherit

• 变量

  currentColor

• 长度单位

  1. 相对长度单位 例如：em、ex【小写字母x的高度，也就是x-height】、rem、ch【字符0的宽度】
  2. 绝对长度单位 例如：px；【pt、cm、pc】：只需了解

• 功能符

  • 例如：rgba、calc、url、attr、scale

• 属性值：属性冒号后面的所有内容统一称为属性值

• 声明：属性名+属性值

• 声明块：花括号（{}）包裹的一系列声明；例如

  • {color:red;}

• 规则或规则集

  • a{color:red;}

• 选择器

  • 类选择器【.】、ID选择器【#】、属性选择器【如：[title]、[title='name']】
    

  • 伪类选择器【一个英文冒号】
      :first-child、:last-child
    

  • 伪元素选择器【连续2个冒号】
      ::before、::after、::first-line、::first-letter
    

  • 关系选择器
    

  • 后代选择器，如：div p

  •  相邻后代选择器，如：div>p
    

  •  兄弟选择器，如：div~div【选择当前元素后面的所有合乎规则的兄弟元素】
    

  •  相邻兄弟选择器：div+div
    

• @规则

  • @media:媒体查询
  • @font-face:声明字体
  • @page：规则用于在打印文档时修改某些 CSS 属性；【只能修改 margin,orphans,widow 和 page breaks of the document】
  • @support：依赖浏览器中的一个或多个特定的css功能的支持声明；

@supports (display: grid) { div { display: grid; } } @supports not (display: grid) { div { float: right; } } @supports selector(A > B) {} @supports (display: table-cell) and (display: list-item) {}