这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天。 CSS的全称是Cascading Style Sheets，它是用来定义页面元素的样式。比如可以设置字体的颜色，位置和大小，还能添加动画效果。 选择器（Selector）是用来找出页面中的元素，以便给他们设置样式。选择元素的方式有很多种，比如按照标签名，类名或者id，属性，不然也可以按照DOM树中的位置。 伪类（pseudo-classes）不基于标签和属性定位元素，它分为状态伪类和结构性伪类。 颜色-HSL；Hue—色相（H）是色彩的基本属性，取值范围是0-360；Saturation—饱和度（S）是指色彩的鲜艳程度，取值范围0-100%；Lightness—亮度（L）指颜色的明亮程度，取值范围0-100%。 font-size的关键字——small，medium，large；长度——px，em；百分数——相对于父元素字体大小。 在CSS中，每个属性都一个初始值（margin-left的初始值为0）。可以使用initial关键字显式重置为初始值。 布局（Layout）是用来确定内容大小和位置的算法。它依据元素，容器，兄弟节点和内容等信息来计算。 width——指定content box宽度；取值为长度，百分数，auto；auto由浏览器根据其它属性确定；百分数对于相对容器的content box宽度。 height——指定content box高度；取值为长度，百分数，auto；auto取值由内容计算得来；百分数相对容器的content box 高度；容器有指定的高度时，百分数才会生效。 paddjng——用来指定元素四个方向的内边距；百分数相对容器高度。 border——指定容器边框样式，粗细和颜色。 margin——指定元素四个方向的外边距；取值可以是长度，百分数，auto；百分数相对于容器高度。 BFC内的排版规则：1. 盒子从上到下摆放。2. 垂直margin合并。3. BFC内盒子里的margin不会与外面的合并。4. BFC不会和浮动元素重叠。
