6.CSS基础-复合选择器（style里面ol li{})、a:hover；、元素显示模式（块元素div、行内元素span、行内框元素,(转成行内块元素display:inline-block；）

目录

一.复合选择器

 1.后代选择器

 2.子选择器

 3.并集选择器

 4.伪类选择器

4.1链接伪类选择器（lvha）

 4.2 focus伪类选择器（修改input输入框）

 二.元素显示模式

 1.块元素：

  2.行内元素（设置宽高无效，对其设置margin和padding均上下无效，左右有效）

3.行内块元素

①如何将行内元素转为块级元素：display: block;

②如何将块级元素转为行内元素：display: inline;

③转为行内块元素display: inline-block;

---

---

---

一.复合选择器

 1.后代选择器

 

 2.子选择器

 

 3.并集选择器

 

 4.伪类选择器

4.1链接伪类选择器（lvha）

案例：当鼠标经过a连接时 .aaa显示 

LVHA

 

 

 4.2 focus伪类选择器（修改input输入框）

 

 

 二.元素显示模式

 1.块元素：

  2.行内元素（设置宽高无效，对其设置margin和padding均上下无效，左右有效）

 

 

3.行内块元素

 

①如何将行内元素转为块级元素：display: block;

 

②如何将块级元素转为行内元素：display: inline;

③转为行内块元素display: inline-block;

div一个占一行，想让两个div在一行就要用这个转换

行内元素设置宽高无效，用这个行内块转换以后就有效了