CSS学习-Day4

一、复合选择器 

1. 后代选择器：（父项）选择器1（空格）（后代）选择器2 {css}；

2. 并集选择器：选择器1，选择器2{css}，通过逗号，进行分隔；

3. 交集选择器：选择器1选择器2{css} ，选择器紧挨着；

4. hover伪类选择器：选择器：hover{css}指的是一类悬停的状态

5. 链接伪类：link（未点击的状态）、visited（访问过的状态）、hover（鼠标悬停）、active（点击不放开的状态）

6. focus伪类：聚焦

二、背景的相关属性

1. 引入背景颜色：background-color：颜色；

2. 引入背景图片：background-image: url（）；

3. 背景平铺：background-repeat: no-repeat/repeat；

4. 背景位置：background-position(bgp):  1、方位名词：水平方向：left、right、center；垂直方向：top、center、bottom  2、数字+px（坐标）：坐标系：原点（0，0）盒子的左上角；x轴水平向右，y轴垂直向下；只写一条边，默认居中

三、元素显示模式

1. 块级元素：display: block，标签：p、h、div等特点：独占一行、可以直接设置高宽；

2. 行内元素： display：inline，一行多个，不能直接设置高宽，大小由内容撑开，常见标签：span a strong em del ins img；

3. 行内块元素：display：inline-block ，行显示多个，可以设置高宽 ，标签示例：input、textarea、button、img、select