第五章 css选择器 背景

一、css选择器

1. 通配符选择器 *
2. 元素选择器 【标签关键字】div p span a
3. id选择器 以id进行命名
4. class选择器 以class进行命名
5. 后代选择器

---

id和class之间的区别：

1. 命名方式不一样
2. 在样式中使用方式不一样 id-># class->.
3. 优先级不一样 id>class
4. 同名class值 一个页面可以出现多次 ；一个页面中id值不允许重复。

---

二、背景

1. background-color：背景颜色
   十六进制的颜色值
   英文单词
   rgba 其中a代表透明度
2. background-image：url(“”)背景图片
3. background-repeat：是否重复
   值：
   no-repeat 不重复
   repeat 重复
   repeat-x x轴方向重复
   repeat-y y轴防线重复
4. background-position:位置
   top bottom left right center 两两组合
   百分比或者具体的像素单位
5. background-attachement:
   值：
   fixed固定
   scroll 滚动
   inherit 继承父级
6. background-size:大小
   值：
   具体的像素单位
   auto 显示图片的真是大小
   cover 等比例缩放到完全覆盖容器，有可能超出
   contain

background的综合应用
background:red url(“”) no-repeat 200px 200px/100px 200px
背景色 背景图片 不重复 位置 /大小