这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天。以下是我根据课程内容整理的笔记。
课堂笔记
课程重点
- 选择器组
- 文本渲染
笔记内容
选择器组合
选择器组合有直接组合、后代组合、亲子组合、兄弟选择器以及相邻选择器
-
直接组合
语法为
AB，满足A的同时又满足Binput: focus -
后代组合
语法为
A B，选中B，如果它是A的子孙nav a -
亲子组合
语法为
A>B，选中B,如果它是A的子元素section>p -
兄弟选择器
语法为
A~B，选中B,如果它在A后且和A同级h2~p -
相邻选择器 语法为
A+B，选中B,如果它紧跟在A后面h2+p
颜色
在css中颜色有好几种表示，例如：RGB，RGBA，HSL等
-
RGB
每个参数 (red、green 以及 blue) 定义了 0 到 255 之间的颜色强度。
例如，rgb(255, 0, 0) 显示为红色，因为红色设置为最大值（255），其他设置为 0。
要显示黑色，请将所有颜色参数设置为 0，如下所示：rgb(0, 0, 0)。
要显示白色，请将所有颜色参数设置为 255，如下所示：rgb(255, 255, 255)。
-
RGBA
在
RGB的基础上多加了一个alpha透明度，数值为0~1，从透明到不透明。 -
HSL
Hue色相(H)是色彩的基本属性，如红色、黄色等：取值范围是0-360。Saturation饱和度(S)是指色彩的鲜艳程度，越高约鲜艳；取值范围0-100%。Lightness亮度(L)指颜色的明亮程度；越高颜色越亮；取值范围是0-100%。
字体 font-family
-
通用字体族
-
Serif衬线体（Georgia、宋体）
-
Sans-Serif无衬线体（Arial、.Helvetica、黑体、微软雅黑）
-
Cursive手写体（aflisch Script、楷体）
-
Fantasy（Comic Sans MS,Papyrus）
-
Monospace等宽字体（Consolas、Courie)、中文字体）
-
-
font-size
-
关键字 small、medium、large
-
长度 px、em
-
百分数
-
相对于父元素字体大小
-
还有文字行之间的行间距line-height，以及字与字之间的距离white-space
调试CSS
- 右键点击页面，选择「检查」
- 使用快捷键
- Ctrl+Shift+I (Windows)
- Cmd+Opt+I (Mac)
结语
通过本次课程的学习，真的收获到了许多，以前对一些比较模糊的知识点也逐渐的清晰了起来。
