这是我参与「第五届青训营 」笔记创作活动的第2天 css是如何工作的 加载HTML----解析HTML---- 1.创建dom树 2.加载css----解析css----添加样式到dom节点 最后展示页面 css和HTML都有单独的解析过程 在页面中使用css包括外链，嵌入，内联。
选择器 Selector .使用多种方式选择元素 1.按照标签名，类名或id； 2.按照属性。 3.按照dom树中的位置； 种类：通配选择器，标签选择器，id选择器，类选择器，属性选择器。
伪类：不基于标签或属性定位元素 包括状态伪类，结构性伪类。
继承：某些属性会自动继承其父元素的计算值，除非显式指定一个值。 css中，每个属性都有一个初始值，可以使用initial关键字显示重置为初始值。
布局：1.确定聂荣的大小和位置的算法 2.依据元素，容器，兄弟节点和内容等信息来计算。
布局相关技术：常规流（包括行级，块级，表格布局，flexbox，grid布局），浮动，绝对定位。
width 1.指定长度为content box宽度 2.取值为长度，百分数，auto。 3.auto有浏览器根据其他属性确定 4.百分数相对于容器的content box宽度
height 1.指定content box高度 2.取值为长度，百分数，auto 3.auto取值有内容计算得来 4.百分数相对于容器的content box高度 5.容器有指定的高度时，百分数才生效
padding 1.指定元素四个方向的内边距 2.百分数相对于容器宽度。
border 指定容器边框样式，粗细和颜色。 具备三种属性和四种方向。
margin 1.指定元素四个方向的外边距。 2.取值可以是长度，百分数，auto； 3.百分数相对于容器宽度。
常规流Normal flow 1.根元素，浮动和绝对位置的元素会脱离常规流 2.其他元素都在常规流之内。 3.常规流的盒子，在某种排版上下文中参与布局。
BFC内的排版规则 1.盒子从上到下摆放 2.垂直margin合并； BFC内盒子的margin不会与外面的合并 BFC不会和浮动的元素重叠
学css的几点建议 1.从分利用mdn和w3c css规范 2.保持好奇心，善用浏览器的开发者工具。 3.保持学习，css新特性还在不断出现。
