这是我参与「第五届青训营 」笔记创作活动的第2天。以下是我在观看学习视频的同时进行的笔记记录，今天学习了好多新知识，感觉好充实！同时也希望大佬们进行补充和改正，大家一起加油努力呀!
本节课的重点内容
- CSS代码构成
- CSS使用方法
- CSS流程之选择器组、文本渲染
- 调试CSS
本节课知识点介绍
css是什么：
用来定义页面元素的样式，设置字体和颜色，设置位置和大小，添加动画效果。
选择器
定义：
找出页面中的元素，以便给他们设置样式。使用多种方式选择元素，按照标签名、类名或id，按照属性，按照DOM树中的位置。
书写格式：
选择器{
选择器：属性值->声明
}
类型：
- 通配选择器
- 标签选择器
- id选择器
- （伪）类选择器
- 属性选择器(属性用【】)
选择器的特异度：
- #id
- ·（伪类）
- E标签
类选择器：
复用，继承（某些属性会自动继承其父元素的计算值，除非显式指定的一个值） 【和文字相关的属性都是可以继承的，和盒模型相关的属性是不可以继承的】
布局
- 确定内容的大小和位置的算法
- 依据元素、容器、兄弟结点和内容等信息来计算
width
- 指定content box宽度
- 取值为长度、百分数、auto
- auto由浏览器根据其他属性确定
- 百分数相对于容器的content box宽度
height
- 指定content box高度
- 取值为长度、百分数、auto
- auto取值由内容计算得来
- 容器有指定的高度时，百分数才生效
padding
- 指定元素四个方向的内边距
- 百分数相对于容器宽度
border
- 指定容器边框样式、粗细和颜色
margin
- 指定元素四个方向的外边距
- 取值可以是长度、百分数、auto
- 百分数相对于容器宽度
- margin：auto水平居中
实践练习例子
个人总结
今天学习了css相关知识，收获很大，明天继续加油！
