1， 制作电子邮件链接：
正确： <a href="mailto:xxx@yyy">
错误：<mail href='xxx@yyy'>
2, 在新窗口打开链接：_blank 是空白的意思
正确：<a href="url" target="_blank">
默认: <a href="#" target="_self"> </a>
3, 下拉列表
正确： <select>
<option>江西</option>
<option>湖南</option>
<option>云南</option>
</select>
错误： <input type="textarea">
4，background-size:
background-size: length|percentage|cover|contain;
5, 使用button时要注意， button默认为 submit， 使用其跳转，要使用 returen false 来阻止其默认行为。
6， html 文档必须包含 4个 HTML元素：
Doctype html head body
7，html5 是指 一系列 web技术的集合， 包括css3、 JavaScript、 多媒体、 缓存和无障碍访问
8，浏览器的渲染模式： 怪异模式、接近标准模式、标准模式；
- 怪异模式：这个模式主要是为了兼容 早期的浏览器
9，src 和 href 的区别
src （source） : 将定义的资源嵌入到 当前文档中
href ： 建立一条通道，将定义的资源与当前文档连接起来
10，img元素中的 title 和 alt 属性的区别
title ： 全局属性， 当鼠标滑动到该元素时，显示定义的信息
alt： 局部属性， 当图片加载失败或未载入时，显示的替换文本
11，CSS 引入方式： 内联、内嵌、外部
内联： 相当于行内样式，权重最高
内嵌：
style 包含4个特殊属性、分别是 type、media、title、scoped
type 默认为 text/css
media 默认为all， 可设置多个 如 print 那么就不会被执行该样式表
title 能为样式表命名，可以设置首选样式表
外部： link
12、 OSI 将复杂的 协议分成 7层，
-
应用层
-
表示层
-
会话层
-
运输层
-
网络层
-
数据链路层
-
物理层
13、 TCP\ IP
TCP\ IP 是互联网服务的协议族，它是网络通信协议的统称、
14、 CSS3 新增 阴影、圆角、Web字体、渐变能代替以往得用图像才能实现的效果，这样能减少HTTP请求数、提升页面加载速度。
15、CSS 过渡和动画
16、 CSS3 多列布局
- 多列布局可轻松的让文本呈现出报纸杂志那样的多列排版
案例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多列布局</title>
<style>
/*为展示以下属性故不使用div来排版*/
body{
column-width: auto;
column-count: 2;/*分几个列*/
column-gap: 100px;/*列间距*/
column-rule: 5px dashed #96d1c7;/*分割线*/
column-fill: auto;/*统一列高度*/
}
header{column-span: all;/*跨列显示*/
text-align: center;
line-height: 1em;
font-size: 30px;
font-weight: bold;
}
header span{
font-size: 13px;
font-weight: lighter;
color: #b1b1b1;
}
p{
white-space: pre-line;
margin-left: 150px
}
footer{
column-span: all;
margin-left: 30px;
}
</style>
</head>
<body>
<article>
<header>灯塔<span><br/>波德莱尔</span></header>
<p> 鲁本斯，忘川，怠懒的花园、
凉爽的肉枕：在这里人们不能恋爱，
但生命却在这里不停地运动、旋转，
就像空中的气流与海上的潮汐；</p>
<p>莱昂纳多，黑暗而深不可测的镜子，
迷人的天使带着充满神秘的
甜蜜的微笑，出现于围绕着他们国度的
冰川和松树的阴影里；</p>
<p> 伦勃朗，充满嗡嗡低语的阴沉的医院：
仅仅装饰着一个巨大的十字架，
在垃圾堆里升起含泪的祈祷，
突然又被冬日的阳光照亮；</p>
<p>米开朗琪罗，幽暗之地：只见赫拉克勒斯*
混入基督徒之列，径直向上升起，
强壮的幽灵们在黄昏时分
探出手指撕着自己的裹尸布；</p>
<p>拳击手的愤怒、农牧神的无耻，你的的天才
向我们展示了随军仆役之美，
伟大而充满骄傲的心灵，虚弱而脸色发黄的人，
普杰，苦役犯们忧郁的皇帝；</p>
<p>华托，狂欢节：许多名流心中的爱情
像蝴蝶一样，光焰照人地飞来飞去；
凉爽而明快的场景：分枝大烛台的光芒，
疯狂抚爱着一对对旋转的舞者；</p>
<p>戈雅，一个恶梦：充满了未知的事物、
在巫婆安息日中*被炙烤的胎儿、
照着镜子的老妪，以及裹紧长袜
以引诱魔鬼的赤裸的孩子。</p>
<p>德拉克罗瓦，坏天使们出没的血湖：
四季常青的冷杉林将它荫蔽，
它那阴暗的天空下面，传来奇怪的号角，
仿佛韦伯那压低了声音的叹息；</p>
<p>这些咒语、这些渎神之辞、这些哀歌、
这些感恩赞美诗、这些狂喜、这些哭喊、这些眼泪，
是由无数个迷宫重复着的一个回声；
对于凡人的心灵，它们是一剂神圣的鸦片！</p>
<p> 它们是由无数个哨兵所传递的一声哭泣、
无数个喇叭回荡着的一道命令；
它们是照亮无数城堡的一座灯塔、
迷失于树林深处的猎人们的一句呼喊。</p>
<p>真的，上帝，我们能为自己的高贵
作出的最清楚的证明，就是这些
激动的呜咽，它们摇摇晃晃地穿过那些时代，
渐渐消失在你永恒的岸边！</p>
<footer><p>*赫拉克勒斯:希腊神话中的宙斯之子,大力神,曾完成十二项英雄事迹。</p>
<p>*巫婆安息日：传说，女巫们一整年中有几次宗教节日,被称为“巫婆安息日”（Witches’ Sabbaths）。</p>
</footer>
</article>
</body>
</html>
17、 rtl （right to left） ltr(left to right) 从左到右和从右到左，
使用案例：
18、CSS3 伸缩盒
19、 解决浏览器兼容的前缀：
20、CSS 预处理器 (less 、Sass 、Stylus)
CSS语法不够强大（例如：CSS选择器无法进行嵌套，导致CSS中存在较多重复的选择器语句）；CSS中无法定义变量以及没有合理的样式复用机制，导致整体CSS样式难以维护。为了减少CSS代码冗余，为CSS提供样式复用机制，提高CSS代码的可维护性 就出现了 CSS 预处理器
22、盒模型（W3C 盒模型、 IE盒模型）
W3C 盒模型：height、width 只指 内容的 宽高
IE盒模型： height、width 包含内边距padding、边框 border
box-sizing ： 改变盒模型， div 默认是 W3C 标准盒模型，值：
content-box： W3C （很好记的， W3C 的宽高只指内容）
border-box： IE
23、盒子的显示类型： block、inline、inline-block、table、
行内元素不可以定义css属性 width、height、上下padding、上下margin 例：span
24、 替换元素： 元素内容需要引用其他位置的资源或者来自用户的输入
例： img、video、audio
25、外边距塌陷 margin collapsing 也称为 外边距合并
外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左右外边距不会出现这种问题。
例1： 兄弟
规则：
当外边距塌陷时，外边距之间的计算方式是怎样的？
1.两个都是正数，取较大的值
2.两个都是负数，取绝对值较大的值
3.一正一负，取两个值得和
1， 什么是 Shadow DOM（影子中的DOM）？
Shadow DOM 是浏览器的一种功能，能够自动添加子元素， 举例： audio 元素 在网页中能使用 进度条、音量控制等功能，这些元素都能在浏览器自动生成。
2，html 的 全局属性和 局部属性
首先： 属性，属性是对标签的进一步设置， 通常使用 键值对的形式表示，
全局属性：它们用来配置所有元素共有的行为。全局属性可以用在任何一个元素身上，不过这不一定会带来有意义或有用的行为改变。
3，JavaScript 是一种 通过 解释执行 的高级编程语言，同时也是一门动态、弱类型的脚本语言。
解释语言： 解释语言可以直接在解释器中运行，如果有一条语言不能运行，，则后面的也就不能运行了；
编程语言： 先要编译成机器码，然后才能运行
完整的JavaScript 包括 ECMAscript、DOM、BOM、
4， 标准模式和怪异模式的区别？
答: 首先， 在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式。 区别：
-
** 盒模型：**在怪异模式下，盒模型为IE盒模型，而在W3C标准的盒模型中为标准盒模型（W3C盒模型）
-
图片元素的垂直对齐方式： 对于inline元素和table-cell元素，标准模式下vertical-align属性默认取值为baseline，在怪异模式下，table单元格中的图片的vertical-align属性默认取值为bottom，因此在图片底部会有几像素的空间。
-
**
元素中的字体：**CSS中，对于font的属性都是可以继承的，怪异模式下，对于table元素，字体的某些元素将不会从body等其他封装元素中继承得到，特别是font-size属性。 -
**元素溢出的处理：**标准模式下，overflow取默认值visible，在怪异模式下，该溢出会被当做扩展box来对待，即元素的大小由其内容决定，溢出不会裁减，元素框自动调整，包含溢出内容。
5， 你对浏览器内核的理解？
答：浏览器最为重要、最核心的部分被称为浏览器内核， 主要包含 渲染引擎 和 JS引擎，最开始渲染引擎和JS引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。
渲染引擎：负责取得网页的内容（HTML、 XML 、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎：解析和执行 javascript 来实现网页的动态效果。
======================================================
1，this的指向问题 和 如何解决this 指向 混乱的问题？
答：如果this出现在函数（除箭头函数）内，那么this永远指向调用这个方法的对象。
如果this不是出现在函数内，即出现在全局作用域或者出现在一个对象内部，那么他永远指向全局对象window。
解决this指向混乱： call()； apply()； bind()；
call(); 第一个参数是你期望this指向的那个对象，其他参数是你执行这个函数所需的参数
call方法一旦调用，调用call方法的函数立刻执行。
apply(); 第一个参数是你期望this指向的那个对象，第二个参数是一个数组，里面是你执行这 个函数所需的参数, apply方法一旦调用，调用apply方法的函数立刻执行。
bind()；第一个参数是你期望this指向的那个对象，其他参数是你执行这个函数所需的参数
bind方法不会立刻执行，而是拷贝一份这个函数，然后修改this的指向后，最后将这 个函数返回出去。
2,
