https://www.bilibili.com/video/BV14J4114768?from=search&seid=9148519948521068374
HTML:
http://www.w3school.com/
https://developer.mozilla.org/zh-CN/ (权威)
常用浏览器和对应内核(渲染引擎)：
Chrome: Blink (Webkit分支)
FireFox: Gecko
Safari: Webkit
Opera: Blink
IE: Trident
- HTML-基本标签
标签
告诉浏览器使用哪种版本HTML显示网页（HTML5，HTML4）
不是一个HTML标签，是文档类型声明标签
lang语言
定义当前文档显示的语言，标签属性
en-英文, zh-CN中文
charset字符集
属性。字符的集合，以便计算机能够识别和存储各种文字。
UTF-8-万国码, GB2312-简体/繁体中文, GBK-国标
标题标签h1: 独占一行。
段落标签p: a.自动换行;b.段落和段落之间保有空隙。
文本格式化标签: 粗体(strong)，斜体(em)，下划线(ins)，删除线(del)。
盒子标签: div和span，没有语义，只放内容，用来布局。div是分割，分区；span是跨度，跨距。
图片:
alt-图片不能显示时，文字提示；
title-鼠标放到图片上，文字显示;
width/height-默认只设置一个，单位px
链接:
href: 地址
target: _self(当前窗口打开)和_blank(新窗口打开)
分类: 外部链接，内部链接(html文件等)，空链接(#)，文件下载链接(zip, img)，网页元素链接(图片等)，锚点链接(快速定位到具体位置)
特殊字符:
空格
大于 >
小于 <
列表:
作用：布局
分类：无序列表(ul/li)，有序列表(ol/li)，自定义列表(dl/dt-dd)
注: li {list-style: none} -> 去掉li的小圆点
表格:
作用：展示数据
标签：table > thead/tbody(语义化) > tr > th(居中, 加粗)/td
属性：table -- align(left,center,right),
border(边框),width(表格宽度),height,
cellpadding(文字与单元格间隔),
cellspacing(单元格间间隔)
合并单元格：跨行合并--rowspan；跨列合并--colspan
表单:
作用：收集, 交互数据
组成：表单域，表单控件(元素)，提示信息3部分
表单域：把信息提交给服务器(属性--action，method，name)
表单控件:
input(属性--name, value, checked, maxlength, type--submit/reset)
label--绑定input元素，扩大聚焦提升用户体验 label-for/input-id
注：单选按钮要加name
select--默认选中selected；radio默认选中checked
textarea
- CSS
作用: 结构(html)和样式(css)分离
选择器
分类：基础选择器和复合选择器
基础选择器: 包括标签，类，id和通配符4种选择器
复合选择器: 包括后代(空格)，子(>)，兄弟(~所有兄弟, +相邻兄弟)，并集(,)，链接伪类和focus伪类6种选择器
？？？伪类选择器：包括链接，结构伪类
链接伪类：LVHA必须按顺序
a:link 未被访问的链接
a:visited 已被访问的链接
a:hover 鼠标悬浮(常用)
a:active 鼠标按下未弹起
focus伪类选择器: 获取焦点的表单元素(input)
input:focus { background-color: yellow }
字体
font-style：italic倾斜；normal正常
font-weight: normal(400)/bold(700)/bolder/lighter/ number(100-900)
font-size: 标题h特殊，需要单独指定字体大小(body中设置不生效)
font-family
**复合字体 - font: font-style font-weight font-size/line-height font-family**
注：SWSF复合字体必须按顺序写，font-size和font-family必须有
文本
color
text-align: left/center/right
text-decoration: none/underline(下划线)/overline/line-through ->
*应用: 取消a标签下划线*
text-indent(首行缩进): 2em(em是相对单位，相当于1个文字大小)
line-height:上间距+文本高度+下间距
*注：单行文字垂直居中 - height和line-height设置同一值*
css引入方式
行内式(style="")，嵌入式(