CSS是什么？
用于定义页面元素样式
1、设置字体和颜色
2、设置位置和大小
3、添加动画效果
CSS构成:
CSS 由两个主要的部分构成：选择器，以及一条或多条声明。每条声明由一个属性和一个值组成。属性和值用冒号分开 h1（选择器）{color（属性）:white（属性值） }里面的内容构成了一个声明
css嵌入页面的三种方式:
外链（单独一个文件把link标签引入）例如：<link rel=“xxx” href=“xx.css”>
嵌入（直接把代码嵌入标签里面）例如：<style>li{margin:0；list-style:none；} </style>
内联（写在style里面，不需要写选择器）例如：<p style=“margin:lem 0”>example</p >
通常使用外链，方便分离
CSS如何工作
加载HTML，解析HTML（加载css，解析css），创建DOM树，展示页面
什么是选择器:
找出页面元素给他们设置样式
使用多种方式选择元素：1、按照标签名，类名和id（常用类名选择器）2、按照属性 3、按照DOM树中的位置
颜色-RGB
rgb（xx，xx，xx）等价于#xxxxxx来调节颜色
用hsl（xx，xx，xx）
H色相，取值0-360；
S饱和度，取值0-100%；
L亮度，取值0-100%；
alpha表示透明度
字体（font-family）:
<style>
h1{
font-family:Optima，Georgia，serif；
}
</style>
css中每个属性抖都有一个初始值，可以使用initial关键字显式重置为初始值
布局（Layout）:
1、确定内容的大小和位置的算法
2、依据元素，容器，兄弟节点和内容等信息来计算
padding内边距:指定元素四个方向的内边距，百分数相当于容器宽度
border边框（三个属性，四个方向）:指定容器边框样式，粗细和颜色
margin外边距：指定元素四个方向的外边距取值可以是长度，百分数，auto
补充：
充分利用MDN和W3C CSS规范
保持好奇心，善用开发者工具
持续学习，CSS新特性还在不断出现
