这是我参与「第四届青训营 」笔记创作活动的的第2天，对比昨天，今天学习的时长和内容都很充实，确实学到了很多之前没了解过，弥补了很多知识漏洞，下面是今天的一些对于本人来说比较新鲜的知识大杂烩：
部分伪元素
:link 导航标签没有出发前样式 :focus 光标聚集时的样式 :first-child 第一个子元素的样式 :last-child 第二个子元素的样式
颜色
只要分为：颜色-RGB、颜色-HSL HSL指的是：Hue色相（0-360）；Saturation饱和度（0-100%）；Lightness亮度（0-100%） alpha透明度：rgba( ，，， )、hsla( ，，， )中的第四位为透明度
字体
font-family（字体类型：微软雅黑、宋体等等）：（通用字体组：Sans-Serif无衬线体、Fantasy、Monospace等宽字体） 也可以了解一下Web fonts（） 💛💚💙🧡 get一些特别好看的字体
一些文本的格式样式：text-align、spacing、text-indent、text-decoration、white-space
CSS计算的流程图：
graph TD
DOM树与样式规则--> filtering -->cascading -->defaulting -->formatting-->constraining-->实际值
Flex
display:flex 水平：justify-content: flex-start\flex-end\center\space-between\space-around\space-evenly 垂直：align-items:flex-start\flex-end\center\stretch\baseline 对某个元素：align-self:flex-start\flex-end order:
Flexibility flex-grow（有剩余空间时的伸展能力）：1 flex-shrink（容器空间不足时收缩的能力）:2 flex-basis（没有伸展或收缩时的基础长度）:100px flex:2 0 100px == flex-grow:2;flex-shrink:0;flex-basis:100px
Grid
display:grid grid-template-columns: grid-template-rows:
grid-row-start: grid-row-end: grid-column-start: grid-column-end:
总结
今天主要学习了一些CSS知识，老师结合最新的CSS以及他自身的工作经验，给我们推荐了不少我们应该记住的CSS技术。但是因为时间的原因，老师不能全面地把所有的CSS知识交给我们，但是精简中也收获颇丰。最后老师激励我们保持好奇心、持续学习，我也觉得是这样的，技术不断地更新换代，如果自己不更新，就会被优胜劣汰给打败。
加油吧！！！🍦🍦🍦
