这是我参与「第四届青训营」笔记创作活动的第一天。
CSS的全称是Cascading Style Sheets，主要的用途就是定义页面元素的样式，包括设置字体和颜色，设置位置和大小，添加动画效果等等。
在页面中使用CSS有三种办法：外链、嵌入和内联。一般比较推荐外链的写法，因为可以样式与内容的分离。不推荐内联的写法。
CSS的基本结构：
选择器（Selector）：
找出页面中的元素，方便设置样式 使用多种方式选择元素：按照标签名、ID、属性、DOM树中的位置
通配选择器（*）：匹配所有
标签选择器
id选择器
类选择器：同一类型用class选择器比较方便
属性选择器：input可以判断是否为disabled
伪类（pseudo- classes）：状态性伪类（根据状态决定是否选中），结构伪类（根据位置决定是否选中）
属性值（value）
声明（declaration）
调试CSS：右键点击页面，选择「检查」 选择器的特异度（Specificity）： id（#）、类（.）、标签（E）
继承：某些属性会自动继承其父元素的计算值，除非显示特定的一个值
显示继承（inherit）：例 box- sizing
初始值：CSS中每个属性都有一个初始值（background- colour的初始值为transparent、margin-left的初始值为0）可以用initial重制初始值
布局（layout）：确定内容的大小和位置算法，依据自身的内容和一些信息来计算
相关技术：
常规流（按着块级，行级，表格布局，FlexBox，Grid布局）
Flex Box（单一方向布局模式）：可以控制子级盒子的、摆放的流向、摆放顺序、盒子宽度和高度、水平和垂直方向的对齐等
Grid（二维的布局模式）
