day4前端学习_css基础

03-后代选择器细节—已完成

知识点:

04-子代选择器-已完成

知识点:

1. 用父类>子类

2. 02-子代选择器.html

3. 03-并集选择器.html 并集，并集

4. 题目:
       如果子类是span    孙子也是span
       如果要选中子类       就用父类>子类

04-交集选择器.html

标签名.类名就可以选中交集

05-伪类选择器.html

标签名:hover
一、设置一个超链接，去掉颜色和下划线，然后设置鼠标悬停，鼠标放上去显示粉色，鼠标放上去显示下划线
二、设置p标签，鼠标经过颜色换成蓝色、文字颜色换成橙色、鼠标经过盒子变长、transition: 3s

ctrl+g 快速跳到对应的行数

ctrl+f 查找

windows+d 回到桌面 ctrl+z 撤销

ctrl+h 替换

08-背景图片

background-position left right top bottom center图片位置 只写一个其他是默认居中
background-position 数字px 数字px   表示图片与边框中间的距离    第一个一定是x 第二个一定是y
background-repeat:no-repeat 平铺方式

水平居中-垂直靠上-42px距离

09-背景固定

10-综合案例1

11-综合案例2

13-综合案例3