今天学习了
1. emmet 语法 —— 开发效率
2. CSS 复合选择器 —— 选择器
3. 元素的显示模式 —— 布局
4. 背景图片 —— 样式
1 emmet语法
2.复合选择器
后代选择器、子代选择器、并集选择器、伪类选择器
*为了代码优化，理论上嵌套不要超过3~4层。
后代选择器
后代选择器的应用场景是什么？ 可以选择父元素中的子元素
子元素选择器
子代选择器的应用场景是什么？ 选择某个元素近一级的子元素（亲儿子）
子代选择器只能套两层
并集选择器（竖着写）
并集选择器的应用场景是什么？ 集体声明 —— 选择多组标签，同时设置相同的样式
链接伪类选择器
用单冒号“：”分割
.属性(空格）.属性（空格）：hover
focus 伪类选择器（搭配表单获得焦点/光标的状态）
如 input:focus{ color width)
交集选择器
写法：.标签名.类名{ }
元素的显示模式
1 块元素 block
2 行内元素 inline
3 行内块元素
块元素特点：
1 自己独占一行；
2 可以设高、宽、外边距、内边距都可控制；
3 宽默认是容器（父级宽度）的100%
4 是一个容器及盒子，里面可以放行内或块级元素
*文字类元素不能使用块元素
行内元素特点：
1 相邻的行内元素在一行上，可以显示同一行；
2 宽、高直接设置是无效的；
3 默认的宽度就是它本身的内容的宽度；
4 只能容纳文本或其他行内元素。
*<a>里面可放块级元素
行内块元素：
1 一行可以有多个，中间会有空白空袭；
2 默认的宽度就是本身内容的宽度；
3 宽、高可设置
<img> <input> <td>
显示模式的转换 (display)
display: block 转换为块元素
display: inline-block 转换为行内块元素
display: inline 转化为行内元素（使用较少）
*在写 CSS 时，记住把 display 转换显示模式的设置写在第一行。
单行文字垂直居中
将 line-height 设置为盒子的高度。
背景颜色 (background-image)
一般情况下元素的背景颜色是什么？ transparent 透明的
背景图片的应用场景是什么？ 1. logo 2. 装饰图片 3. 超大图片 4. 精灵图（雪碧图）
背景图片的语法是什么？ background-image: none | url(url);
指定背景图片的 url 时需要引号吗？ 不需要、不需要、不需要
背景平铺 （background-repeat)
repeat 默认，水平垂直平铺
no-repeat 不平铺
repeat-x 横向平铺
repeat-y 纵向平铺
背景位置-方位名词 （background-position)
background-position ：x y;
水平方向： left / right / center
垂直方向： top / bottom / center
如何让背景图片水平垂直居中？ background-position: center;
背景位置-精确单位
1.使用精确坐标指定背景图片有顺序要求吗？
有
第一个值一定是 x / 第二个值一定是 y
2.如果只指定了一个值，是哪个方向的值？另一个方向呢？
x 方向的 垂直方向居中显示
背景位置-混合单位
如果两个值是精确点位和方位名词混合使用，则第一个值是x，第二个值是y。
背景固定 background-attachment
scroll 背景图像是随对象内容滚动（默认）
fixed 背景图象固定
背景颜色半透明
1.background-color 能够设置背景颜色半透明吗？为什么？
可以， background: rgba(0, 0, 0, 0.3); 本质上就是在设置背景颜色。
2.rgba 中的 alpha 取值范围是多少？
取值范围： 0 ~ 1 0 完全透明 / 1 完全不透明
