新手上路第4天
-
-
- 这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天
-
- 可以说今天的学习有些迷糊，可能是精神状态不太好，连续听课3小时以至于靠后的听的稀里糊涂，但还是来总结一些梳理梳理，希望能温故而知新
-
- 今天是对css基础部分的深入一些的学习，以及一些拓展知识的了解，从基础到排版布局再到盒子模型的详细讲解，可以说是收获满满
- 关于css的工作方式（当然这里只是对css这个个体的单一描述），由网页获取的html进行解析，然后加载css并解析，将解析得到的样式添加到dom树节点之后生成dom树，最后生成了页面
- 伪类，pseudo-classes是不基于标签和属性的元素，分为状态伪类和结构性伪类，伪类有着多种的组合，比如直接组合，后代组合，亲子组合等等，组合的方式决定了选择的对象
- 在颜色和字体上，颜色使用hsl或者rgb，当然也会使用透明度对颜色进行调整，老版的网页使用alpha一般是在hsl或rgb后面加a；字体font-family，调整字体状态，一般使用的是sans-serif无衬线体或者monospace等宽字体。
- 一个小点：调试css可以使用右键点击页面选择检查，也可以使用快捷键ctrl+shift+i（windows）
- css有着盒子模型，有以下一些构成：padding（指定元素四个方向的内边距，百分数相当于容器宽度）；border（指定容器边框样式，粗细和颜色）有着三种属性和四个方向，可以对边框有着十分细致的构造；margin（指定元素四个方向的外边距）。当然盒子还区分块级和行级，块级（block level box）：不和其他盒子并级摆放，适用于所有的盒模型属性，行级（lnline level box）：和其他行级盒子一起放在一行或者拆开成多行，不过盒模型中的width和heigth不适用
