Day70向CSS进阶二

1.快速生成HTML结构语法

2.

3.

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简写

新浪导航案例，padding影响盒子的好处

代码：


下边距