CSS要点_2

选择器进阶：1.后代选择器：选择器1 选择器2 { }（后代所有选择器2都会影响）

                      2.子代选择器：选择器1>选择器2 { }（只有儿子辈的子代选择器2会受影响）

                      3.并集选择器：选择器1,选择器2 { }（选择器1，选择器2都会影响）

                      4.交集选择器：选择器1.选择器2 { }（连着写选择器，找到俩个选择器均满足的会受影响）

hover伪类选择器：选择器：hover { }（鼠标悬浮的效果）

---

背景：1.颜色：background-color

           2.图片：background-image : url( )

           3.平铺：默认平铺repeat，background-repeat : no-repeat

           4.位置：background-position : center center或者50px 30px(向右向下移动)

可复合属性！不分顺序！

---

显示模式：1.块级：一行排一个，宽高生效；

                  2.行内：一行排多个，宽高不生效；

                  3.行内块：一行排多个，宽高生效；

                  >转换：display : inline-block;

                  >注意：a) p标签不要嵌套div、p、h等块级标签；

                               b) a标签可以嵌套任何标签，除了a标签自己；

---

行内样式：标签内部style

!important：div {color: red !important ;}

眼高手低，重在练习！！！

CSS要点_1                                                                                             CSS要点_3