CSS3知识点笔记

1，CSS的导入方式

优先级：就近原则

行内样式>内部>外部>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X4AZKpis-1615646274453)(C:\Users\19484\AppData\Roaming\Typora\typora-user-images\image-20210204180023690.png)]

2，选择器

1，基本选择器

1，标签选择器

2，类选择器

3，id选择器

2，层次选择器

1，后代选择器 祖爷爷 爷爷 爸爸 你

2，子选择器 一代，儿子

3，相邻兄弟选择器 同辈

4，通用选择器

3，结构伪类选择器

4，属性选择器（常用）

3，界面美化

1，字体样式

2，文本样式

1，颜色 color rgb rgba

2,文本对齐方式 text-align=center

3，首行缩进 text-index :2em

4，行高 line-height 单行文字上下居中！ line-height=height

5，装饰 text-decoration

6，文本图片水平对齐： vertical-align:middle

3，超链接伪类和文本阴影

4，列表样式

5，背景

颜色

图片

6，渐变

https://www.grabient.com/

7，盒子模型

8，display和浮动

9，父级边框塌陷的问题

1，增加父级元素的高度

2，增加一个空的div标签，清除浮动

3，overflow（在父级元素中加一个overflow属性）

4，父类添加一个伪类（最好的）

10，定位

1，相对定位

2，绝对定位

3，固定定位

4，z-index

注：本笔记于b站up主“遇见狂神说”https://www.bilibili.com/video/BV1YJ411a7dy
处学习记录，仅供学习与参考