CSS定义
CSS指的是层叠样式表,用来定义页面元素的样式例如：设置字体和颜色；设置位置和大小；添加动画效果。
选择器
- id选择器：id值唯一，通过用#使用
- 类选择器：类名不用唯一，通过用.使用
- 属性选择器：可指某一类的选择器；也可指当属性值为特定值时的标签
伪类
伪类可理解为不基于标签和属性定位元素，用于定义元素的特殊状态。例如，它可以用于：
- 设置鼠标悬停在元素上时的样式
- 为已访问和未访问链接设置不同的样式
- 设置元素获得焦点时的样式
小编听课总结的一部分CSS样式
- font-size：设置字体的大小；小编一般用的都是px，还可以使用em
- font-weight：设置字体的粗细，大小从100到900
- line-height:文字每行之间的高度
- text-align:文本水平方向对齐方式
- 当值为justify时：代表两端对齐（只会在非最后一行有效，当文字只有一行也不会有效）
- 当值为left时：与左对齐
- 当值为right时：与右对齐
- 当值为center时：与居中对齐
- vertical-align：文本垂直方向对齐方式
- 当值为top时：与顶部对齐
- 当值为middle时：与右对齐
- 当值为bottom时：与居中对齐
- letter-spacing:字符之间的间距
- word-spacing:单词之间的间距
- text-indent:缩进，一般首部空两格时，会用到
- white-space：空白符合并
- 当值为nowrap时，代表不换行
- 当值为pre-wrap：当一行可以显示的下，就在一行；显示不下，就换行
- border：边框；指定容器边框样式（border-style）、粗细（border-width）、颜色（border-color）；同时边框分为上(boeder-top)、下(border-bottom)、左(border-left)、右(border-right)
- 颜色：
- filter属性：将模糊或者颜色偏移等图形效果应用于元素
布局
布局这一部分的话，小编之前一直以为有相对定位与绝对定位、浮动。听完讲师讲述后，小编学到一种新的布局：Grid布局。
display:grid：是元素生成一个块级的Grid容器；使用grid-template相关属性将容器划分为网格；设置每一个子项占哪些行/列
| Grid的布局 | 解释 |
|---|---|
| grid-template-rows | 划分行 |
| grid-template-columns | 划分列 |
| grid line | 网格线，包含上下左右四个方向 |
| grid area | 网格区域，也是上下左右四个方向 |
还有一个是Flexibility:flex-shrink:为0时代表不可压缩；flex-shrink的默认值为1
