CSS(全面系统讲解 工作应用--慕课)整理 一（html）
1、div语义不明确，section/article/aside/header/footer语义明确
2、"viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0
user-scalable=no"> 视口（手机屏幕，电脑屏幕） 宽度等于设备宽度，初始化的缩放比例是1，
最大缩放也是1，用户不能够缩放
这里是适配移动端的第一步，如果不设置，980px在屏幕就会非常的小，指定width=device-width，表示视口的宽度等于屏幕的宽度
总结： base标签是基础，为后面的标签做铺垫
4、a 链接的两个重要属性 href 和target 其中target为在当前窗口打开，或者是在新窗口打开（_blank）
5、table的colspan和rowspan属性，
占据两行colspan
6、form（表单） 属性target：表单提交到哪里 method：什么方式提交（get/post） enctype：什么编码url，formdata（上传文件）
7、input，button（） 提交按钮，两个都可以的
8、select>option 下拉框
9、label：（for）表单项关联（单选框，复选框）
详情演示见上面的图
10、http://h5o.github.io/ 检测网页的结构，可以用于机器阅读
11、html5 ：优先于开发者，在html4和xhtml找平衡
新增内容： （新区块标记）
section
article
nav
aside
表单增强： 1、日期，时间、搜索 （input）
2、表单验证（html4 js 通过min,max,pattern来验证）
3、Placeholder 自动聚焦 （autofocus）
html5新增语义
1、header/footer 头尾（网站头部，区块头部）
2、section/article (区域) 相对于div，div是没有语义的，section零碎，article更完整
3、nav 导航
4、aside 不重要的内容（侧边栏），广告
5、em/strong 强调 强调、粗，相对于i，b 他们更有语义化
6、i icon i保留，用来做图标，为icon
html5 增加最多的是api（包括本地缓存，视频之类）
12、html元素分类
1、按照默认样式分类、
1、块级block
2、行内inline
3、行内块inline-block
2、按照内容分
1、
1、interactive ： 有互动的元素
2、embedded ： 嵌入的其他资源
3、
4、
5、
表示的是包含在段落下面的
6、
7、
8、
表示的是html5的官方文档，可以查阅
13、html元素嵌套关系
1、块级元素是可以包含行内元素的
2、块级元素不一定能包含块级元素（p）
3、行内元素一般不能包含块级元素（a）
在html4中a是只能包含行内元素的
在html5中transparent，a相当于透明，不存在的
14、html元素的默认样式
1、默认样式有意义，有一定的表现，
2、默认样式带来的问题
3、CSS Reset (重置css的默认样式)
方法1、 搜索css reset https://meyerweb.com/eric/tools/css/reset/
就会出现重置默认的浏览器样式
方法2、yui的css设置样式 http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css
方法3、争议 *{margin:0 ; padding:0} 带来性能的问题，（基本上没有性能问题）
方法4、normalize.css 不是去消除默认样式，而是去美化，统一默认样式alternative，修正，让定义更统一，用的比较多
github就是用的这个样式