Day70向CSS进阶二-蒲公英云

Day70向CSS进阶二

1.快速生成HTML结构语法
在这里插入图片描述

4.后代选择器又称包含选择器，儿子孙子都会被改变

ol中的li改颜色
在这里插入图片描述
5.子选择器，选中的是亲儿子

6.并集选择器

7.链接伪类选择器

8.链接伪类选择器的注意事项
9.:focus伪类选择器

10.复合选择器的总结，后代，并集，链接最重要
加粗样式
11.div自己占一行，一行可以放多个span
12.< h1>和< p>是文字标签，只能放文字
在这里插入图片描述
13.行内元素，链接里面可以放块元素不可以放链接

14.行内块元素

15.转换行内元素，块元素，行内块

16.案例

17.添加背景图片

图片是否平铺

18.背景图片的位置

19.插入王者荣耀背景图

20.背景图片精确位置
在这里插入图片描述
21.背景复合写法

22.背景颜色半透明

23.背景总结

按住Alt+Shift向下拖动

24.层叠性，就近原则

25.继承，只给div条件，p会继承div

继承行高

CSS有三个非常重要的三个特性:层叠性、继承性、优先级。

优先级

在这里插入图片描述
越往下等级越高
继承权重为0

权重叠加问题

权重虽然会叠加，但是永远不会有进位

盒子模型的组成
在这里插入图片描述
盒子模型之边框

边框简写，边框分开写

只变上面为红色边框

合并单元格边框

padding设置内边距

padding简写
watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21tbW1tbW1tbW16_size_16_color_FFFFFF_t_70 38
新浪导航案例，padding影响盒子的好处
在这里插入图片描述
代码：

下边距