这是我参加青训营的第三节课，这节课的内容是深入CSS，以下是我的笔记（听不懂的没记），可以明显感觉到老师跳过了如何运用css的内容，建议基础不好的同学们去这节课视频的上一个视频看看
关于样式重复定义的问题
我们偶尔会遇到一串代码里面包含着多个样式的限定，是哪一个样式会真的起作用呢？这要考虑到选择器的优先级问题。
ID的优先级最高，然后是类，最后是标签。
根据这样的优先级，可以更加清晰地运用选择器来给内容添加样式。
- 例子
继承
某些属性会自动继承其父元素的计算值
初始值
CSS 中，每个属性都有一个初始值
- background-color的初始值为 transparent
- margin-left的初始值为0
- 可以使用 initial关键字显式重置为初始值background-color:initial
布局
确定内容的大小和位置的算法
依据元素、容器、兄弟节点和内容等信息来计算
布局的相关技术：
我个人比较常用的：块级、表格布局、浮动、绝对定位
盒子的属性图
宽度和高度指的是正文的属性
内边距不属于正文内部，在正文外部，在盒子内部
Border的内边是盒子，外边是margin
关于宽度、高度的取值
取值可以是长度、百分数、auto
长度默认单位是px
容器有指定的高度时，百分数才生效。
居中
margin：auto或margin：0 auto
常见的布局：块级和行级的区分
- 我之前只接触了块级，没接触过行级，经过这节课的学习，我更喜欢块级了。不过我认为行级也能有一些特定的作用。
display属性
- 之前写代码没注意过这个属性，一直都是跟着写block，现在知道它的含义了。
Position属性
- static 默认值，非定位元素
- relative 相对自身原本位置偏移，不脱离文档流
- absolute 绝对定位，相对非 static 祖先元素定位
- fixed 相对于视口绝对定位
我在制作有动画的网页时经常使用relative来控制图像移动，fixed也经常用，比较熟悉。
老师对于学习 CSS的几点建议
- 充分利用 MDN和W3C CSS 规范
- 保持好奇心，善用览器的开发者工具
- 持续学习，CSS 新特性还在不断出现
