这是我参与「第五届青训营 」笔记创作活动的第2天.
一、本堂课重点内容：
- CSS 代码构成
- CSS 使用方法
- CSS 流程之选择器组、文本渲染
- 调试 CSS
- CSS 选择器的特异度
- CSS 继承
- CSS 盒模型 - 行级
- CSS 盒模型 - 块级
二、详细知识点介绍：
css是设置字体和颜色，位置和大小，可以添加动画效果。页面中使用css的方法有外链，嵌入和内联。选择器组selector可以找出页面元素，按照标签名，类名和id，也可以按照属性和DOM树中的位置。选择器分为通配*，标签，id，类，属性以及伪类。伪类有状态和结构性选择题。选择器也可以通过组合的方式进行协搭。有亲字，后代，兄弟，相邻。color里有一个alpha透明度，可以写成rgba。显示继承可以写成box-sizing：inherit。特异度可以写成# . E。
css样式布局根据IFC、BFC、Flex和grid，或者文字的float和绝对定位。 IFC排版是从左到右，而BFC排版是从上到下。FLex布局是单一控制页面元素，虽然已经很前面，但是grid涉及页面会更广泛，通过二维表格的形式，生成二位容器网格。float浮动是相对于文字浮动，例如float：left；position属性有四种，static是默认属性，relative是相对属性，absolute是绝对属性，脱离常规类，相对于最近非static祖先，fixed跟absolute差不多，但是是相对于窗口定位。
三、实践练习例子：
实践position 绝对定位的例子。
图中box的绝对定位是基础非static的祖先，container是static属性，所以一层层往上，效果如图所示。
四、课后个人总结：
正如赵老师给予我们的建议，多去看W3C CSS样式规范以及充分利用MDN，同时学习积累的同时，充满好奇心，对于知识不断探索积累，然后多利用F12开发者模式看看他们的代码学习模仿。计算机这行业每天的新内容都会不断的开发出来，所以故不积跬步无以至千里。
