1.HTML基本结构
<!DOCTYPE html> 必写放在开头声明
<html>
<head>
</head>
<body>
</body>
</html>
2.网页的组成 结构<HTML>表现<CSS>行为<javaScript>
3.如果页面中全部是同一种标签 会被搜索引擎认为是垃圾网页
4.盒子的大小由内容区，内边距，边框组成
--------------------------------------------------
HTML自闭合(self-closing)标签
<meta>标签:设置页面元信息的
<base>:设置网页所有链接的相对目录(如根目录)的
<br>:换行
<hr>:水平线
<img>:图像
<input>:表单元素
<col>:在表格table中定义一个或多个列的属性
<frame>:定义框架的一个窗口（已遗弃）
<link>:定义文档与外部资源的关系的链接
<area>: 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
<param>:元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的
<object> 或者<applet> 标签提供参数。
<embed>: HTML5 中新增的,标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）。
<keygen>:该对象提供了一个安全的方式来验证用户。
<source>: 标签为媒体元素（比如 和 ）定义媒体资源。
面试答辩： display设置none值与visibility设hidden都可以隐藏他们有什么区别
1.display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素
2.使用visibility:hidden比display:none性能上要好，display:none切换显示时visibility，页面产生回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，
此时就是回流。所有页面第一次加载时需要产生一次回流），而visibility切换是否显示时则不会引起回流。
解决高度塌陷
bfc
1.开启后具有的特性:父元素的垂直外边距不会和子元素重叠
2.开启的bfc元素不会被浮动元素所覆盖
3.开启bfc元素可以包含浮动的子元素
如何开启这个元素的bfc
1.设置元素浮动
2.设置元素的绝对定位
3.设置元素为inline-block
4.将元素的overflow设置为一个非visible的值 （overflow：hidden）
hosloyout(IE)
zoom: (写几放大几倍；）
css3的新特性
1.圆角
2.阴影
3.rgba
谷歌最小字号支持12 要想设置11 就使用缩放（scale）
