CSS代码构成

CSS是用来定义页面元素的样式，设置字体和颜色，设置位置和大小，添加动画效果。

选择器Selecctor

作用：找出页面中的元素，以便为其设置样式。

选择元素的方式：

定义：不基于标签和属性定位元素

伪类分类：

直接组合 AB  满足A同时满足B

后代组合 A B 选中B，如果它是A的子孙

亲子组合 A>B 选中B，如果它是A的子元素

兄弟选择器 A~B 选中B，如果它在A后边且和A同级

相邻选择器 A+B 选中B，如果它紧跟在A后面

用R、G、B分别表示红色、绿色、蓝色的比重，用0-256的数值表示一种颜色。用六位十六进制表示三种颜色占比。

H：色相，色彩的基本属性，取值范围是0-360

S：饱和度，色彩的鲜艳程度，越高越鲜艳，取值范围是0-100%

L：亮度，数值越高颜色越亮，取值范围为0-100%

alpha：取值为0-100%，透明度为100%时完全透明，透明度为0时完全透明。在六位十六进制数后增加两位表示透明度

优先级：id选择器>类选择器>标签选择器

按照优先级顺序比较大小，获得复合型的选择器的优先级

某些属性会自动继承其父元素的计算值，除非显式指定一个值

CSS中，每个属性都有一个初始值

可以使用initial关键字显式重置为初始值

确定内容的大小和位置的算法

依据元素、容器、兄弟节点和内容等信息计算