Html5 CSS3 ES6
0x01. HTML5
各Html的Element内容参考网址：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements
0x02. CSS3
是啥
css，全名是 Cascading Style Sheets，中文名叫 层叠样式表。用来控制Html元素在浏览器中的显示样式，比如：显示在浏览器的什么位置，大小是多少，颜色是什么样等等
关键是理解 这个 层叠(cascade)，单词cascade，指一层叠一层的瀑布，比如：国内的 德天跨国大瀑布。样式(style)就像这种分层瀑布一样一层层的叠加覆盖
典型样例
p {
color: red;
width: 500px;
border: 1px solid black;
}
CSS引擎渲染过程
假设： 1. 深度遍历DOM对象，先计算子节点，再合并父节点
0xFF.词汇表
- 文档流：同流式布局
- 块级vs行内元素：html元素是否独占一行，独占就是块级，否则就是行内
- 文字vs文本：文字注重的是单个字符的属性，如：字体类型，而文本更注重字符之间的属性，如：文本间距
- 盒装模型：每一个html元素被视为一个带有内外厚度的矩形，外厚度称为margin，内厚度称为padding，而且矩形的4条边也有宽度和颜色；甚至，一个文字也是一个盒装矩形
- 外边距(margin)：html元素外侧的空间
- 内边距(padding)：html元素内部，内容周围的空间
- 边框(border)：html元素的边界，可以设置宽度、类型、颜色属性
- 流式布局：默认情况下，浏览器将页面中的Html元素，从左往右、从上往下的，像水流流动一样的进行平铺
- 浮动：html元素脱离默认的流式布局，像船一样漂浮在页面上
- 字体类型：浏览器中显示字体的类型，比如：宋体、黑体、微软雅黑等等
- 字体大小：字体所呈现的大小，比如：10px
- 字体颜色：html元素内出现的文字，这些文字所呈现的颜色
- 规则集：简称规则，由一个或多个选择器、一个声明块组成的形如
p{xx:yy;}的内容 - 伪类：样式化特定元素的特定状态，如：鼠标指针停留在超链接上面为
a:hover - 伪元素：表示一个元素的某个部分而不是元素自己，如，
::first-line表示第一行 - 选择器(selector)：css规则将作用到的html元素，每一种被选择的html元素称为一个选择器。包含多种不同的类型，如：元素选择器、ID选择器、类选择器、属性选择器、伪类/伪元素选择器、全局选择器
- 声明(declaration)：也称为规则，是html元素的某个属性以及它的值，每条规则以封号
;结尾 - 声明块：用大括号
{}括起来的多条声明 - 属性：某种样式的名称，比如：border、size、color等，不区分大小写，即，大小写都一样
- 简写属性：允许在一行中设置多个属性值的属性，如：
border: 2px solid red - 值：属性可设置的某种值，比如：color属性的red，和属性之间用冒号
:隔开，也不区分大小写 - 继承：一些子级html元素的属性会继承父级html元素的属性样式，有一些则不会
- 文本行高：？
- 文本字间距：？
- 文本位置：文本显示的位置，如：左对齐、居中、右对齐
- 阴影：文本旁边的黑色内容，可以设置水平偏移量、垂直偏移量、模糊半径和基色
- CSS模块(Module)：CSS属性的一种分组
- CSS规范(specifications)：由W3C等组织发布的关于CSS内容的文档，针对于浏览器开发人员，而非web应用开发人员
- 浏览器支持：CSS最终是在浏览器中运行的，因此需被浏览器支持，并不是每一种CSS属性都会被浏览器支持
- 类名（class）：html元素的一个属性，用于对html元素进行css样式分组，拥有相同class名称的html元素，使用class对应的css规则
- 包含选择符：将多个选择器隔开的空格，表示选择器之间是包含关系，按从左往右的的顺序进行层次嵌套；如：
li em表示，选择<li>标签内的<em>标签 - 相邻选择符：将多个选择器隔开的加号，表示选择器是相邻的兄弟节点；如：
h1 + p表示选择相邻h1元素的p元素 - 选择器列表符：将多个选择器隔开的逗号，表示多个选择器
- 初级选择符：将多个选择器隔开的右尖括号，表示选择初代子级html元素
- 外部样式表：使用标签
<link rel="" href="">引入的css文件 - 内部样式表：在页面内部的
<style>标签内的css样式 - 内联样式：写在html元素的
style属性内的css样式 - 优先级：多个css规则作用于同一个html元素时，css规则的生效顺序，总体来说，越具体的选择器，优先级越高，如，ID>class>tag
- 层叠：是一种规则，也叫层叠规则，在相同类型的选择器时，出现在后面的css规则会覆盖前面的同名规则。
- 函数：由函数名、括号、函数参数组成，可以成为属性的值，如：calc()、rotate()等等
- @规则：读作at-rules，是一些特殊规则，是一种指令，指示css应该执行的内容或表现的方式，如：
@import规则 - 注释：供开发人员阅读，被css引擎忽略的文本，以
/*开头，以*/结尾的文本内容块 - DOM(Document Object Model)：文档对象模型，html元素在浏览器内存中的存在形式
- !important：忽略浏览器的优先级计算，直接让该属性生效。(一种技巧)
- 级联层(@layer)：是一种at规则，提供了一种样式的覆盖方式。（一种技巧）
参考内容
ECMAScript6
就是我们常说的JavaScript
数学统计库
参考地址
目录