概述
流的概念
- CSS 世界的诞生就是为图文信息展示服务的。
- 流影响整个 CSS 世界。
- table 有着自己的世界。
CSS3
-
布局更为丰富
- 移动端的崛起催生了CSS媒体查询以及响应式特性,如图片元素的 srcset 属性、 CSS 的 object-fit 属性。
- 弹性盒子布局。
- 格栅布局。
-
视觉表现长足进步
- 圆角、阴影和渐变。
- transform 变换。
- filter 滤镜和混合模式。
- animation 动画。
专业术语
.class {
height: 99px;
color: transparent;
}
属性
height、color代表属性
值
99px代表值
关键字
transparent,还有常见的 solid、inherit(泛关键字)
变量
currentColor
长度单位
px、em、s、ms,注意 2% 中的 % 不是长度单位,是一个完整的值。
细分下来,长度单位分为相对长度单位与绝对长度单位。
相对长度单位
- 相对字体长度单位,如em、ex,还有 CSS3 中的 rem 和 ch(字符 0 的宽度)。
- 相对视区长度单位,如vh、vw、vmin 和 vmax。
绝对长度单位
px,还有pt、cm、mm、pc。
功能符
值以函数的形式指定,表示颜色(rgb、hsls)、背景图片地址(url)、元素属性值、计算(calc)和过渡效果等。
属性值
属性冒号后面的所有内容统一称为属性值。
声明
属性名+属性值
声明块
花括号包裹的一系列声明
规则或规则集
选择器+声明块
选择器
选择器是用来瞄准目标元素的东西。
- 类选择器
- ID选择器
- 属性选择器
- 伪类选择器
- 伪元素选择器
关系选择器
- 后代选择器,空格连接,所有后代
- 相邻后代选择器,>连接,直接后代
- 兄弟选择器,~连接,当前元素后的兄弟元素
- 相邻兄弟选择器,+连接,当前元素相邻的兄弟元素
@规则
@media、@font-face、@page、@support
未定义行为
规范顾及不到的细致末节的实现