这是我参与「第四届青训营 」笔记创作活动的的第1天。
理解CSS
1.理解CSS，CSS是什么？
CSS：层叠样式表
2.组成
h1{
color:white;
font-size:14px;
}
h1:选择器 shadow
color：选择器property
white：属性值
color：white ----声明 declaration
3.如何在页面中使用CSS？
- 外链（比较推荐外链）
- 嵌入
- 内联
4.CSS的工作流程
5.选择器selector
例：通配选择器（匹配所有）
标签选择器
类选择器（常用）
*属性选择器
*伪类选择器
不基于标签和属性定位元素
- [状态伪类]
- [结构性伪类]
6.颜色
①RGB模型
表示颜色的两种方法：
-
rgb(143,170,156)
-
#8fac87 缺陷：无法和我们肉眼之间看到的特征联系起来
②HSL模型
表示方法： hsl(184,100%,50%) 第一个值：表示是哪种颜色
第二个值：表示的鲜艳程度
第三个值：表示偏暗or偏亮
另外：透明度alpha
1是完全不透明度
7.设置字体：font-family
记得加上通用字体组！
写字体的时候尽量把英文字体写在前面！
8.设置字体大小：font-size
9.设置字体效果：font-style
10.设置字体粗细 ：font-weight
11.设置行高：line-height
如何有多条CSS语句，如何判断最终呈现效果？
11.CSS初始值
12.布局
盒模型
总结：
虽然以前自学过，有一定的基础，但老师讲解的角度和以前自学的不同，还是需要认真做好记录的
width
height
padding
border
margin
box-sizing
块级or行级
