AI智能
改变未来

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影响盒子的好处

代码:


下边距

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Day70向CSS进阶二