1.常见的HTTP错误状态码
200：正确的请求返回正确的结果，如果不想细分正确的请求结果都可以直接返回200。
201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。
202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。
203：请求的代理服务器修改了源服务器返回的 200 中的内容，我们通过代理服务器向服务器 A 请求用户信息，服务器 A 正常响应，但代理服务器命中了缓存并返回了自己的缓存内容，这时候它返回 203 告诉我们这部分信息不一定是最新的，我们可以自行判断并处理。
300：请求成功，但结果有多种选择。
301：请求成功，但是资源被永久转移。比如说，我们下载的东西不在这个地址需要去到新的地址。
303：使用 GET 来访问新的地址来获取资源。
304：请求的资源并没有被修改过。
308：使用原有的地址请求方式来通过新地址获取资源。
400：请求出现错误，比如请求头不对等。
401：没有提供认证信息。请求的时候没有带上 Token 等。
402：为以后需要所保留的状态码。
403：请求的资源不允许访问。就是说没有权限。
404：请求的内容不存在。
406：请求的资源并不符合要求。
408：客户端请求超时。
413：请求体过大。
415：类型不正确。
416：请求的区间无效。
500：服务器错误。
501：请求还没有被实现。
502：网关错误。
503：服务暂时不可用。服务器正好在更新代码重启。
505：请求的 HTTP 版本不支持。
2.jq的选项卡
html代码：
<div class="apply-record">
<ul class="tab">
<li class="tab-item active">页面一</li>
<li class="tab-item">页面二</li>
<li class="tab-item">页面三</li>
</ul>
<div class="content products">
<div class="mainCont selected">
页面一
</div>
<div class="mainCont">
页面二
</div>
<div class="mainCont">
页面三
</div>
</div>
</div>
css样式：
<style type="text/css">
.apply-record{
width: 400px;
}
.apply-record .tab{
height:60px;
line-height:60px;
}
.apply-record .tab .tab-item{
list-style:none;
display:inline-block;
width:100px;
text-align:center;
font-size:20px;
}
.apply-record .tab .tab-item.active{
color: #3F86FF;
border-bottom: 3px solid #0000FF;
}
.products .mainCont {
display: none;
width:100%;
overflow: auto;
text-align: center;
}
.products .mainCont.selected {
display: block;
}
</style>
js逻辑
<script type="text/javascript" src="js/jquery-1.8.3.min.js">
</script><script type="text/javascript">
$(function() {
$(".apply-record .tab .tab-item").click(function() {
$(this).addClass("active").siblings().removeClass("active");
$(".products .mainCont").eq($(this).index()).show().siblings().hide();
})
})
</script>
3.css样式收集
1.cursor: pointer;
鼠标点击就出现小拇指
2. !important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明，包括这个样式的属性和属性值
4.html5和web前端的区别？
什么是html5？
html5其实是一种技术的集合，它包括了html5，CSS3，JS等技术。而web前端则是一种职业，国内从2005年开始发展的，是由网页设计师演变过来的。如果从技术上说，web前端涉及到的技术有很多，包括html5，除此之外还有JSON，AJAX，DOM等。不过这也看具体的公司吧，不同的公司对WEB前端开发人员的技术要求也不一样。
什么是web前端？
再传统规的意义上来讲，网站是分为前端和后端的，前端就是我们俗称的页面以及我们经常看到的各种展示效果，后端则是管理按照理解来讲后台主要是指管理、更新、维护网站的后台。
百度百科是这样定义的：主要职责是利用(X)HTML/CSS/Java/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发Java以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
通常意义上来讲，web前端工程师，不仅要会开发而且还要会移动开发。也就是说，我们学习web 的时候也是需要学习html5技术的。据了解，现在企业招聘的用人标准都是会包含会html5开发这一条。
就是说html5与web前端技术他们是一种从属的关系，html5是属于前端web开发的一部分，但web开发所包含的技术就很广阔了。除了html5还需要学习其他的技术如：CSS、div、Java、jQuery、网站性能优化、SEO、PHP基础和服务器端的基础知识。
5.display属性：
值
属性
none
此元素不会被显示
block
此元素将显示为块级元素，此元素前后会带与换行符
inline-block
行内元素（才算是.1新增元素）
list-item
此元素会作为列表显示。
run-in
此元素会根据上下文作为块级元素或内联元素显示。
compact
CSS中有值compact，不过由于缺乏广泛支持，已经从css2.1中删除。
marker
css中有值marker，不过由于缺乏广泛支持，已经从css2.1中删除。
table
此元素会作为一个或多个行的分组来显示（类似
inline-table
此元素会作为一个或多个行的分组来显示（类似
table-row-group
此元素会作为一个或多个行的分组来显示（类似
table-header-group
此元素会作为一个或多个行的分组来显示（类似
table-footer-group
此元素会作为一个或多个行的分组来显示（类似
table-row
此元素会作为一个表格行显示（类似
table-column-group
此元素会作为一个或多个列的分组来显示（类似
table-column
此元素作为一个单元格列显示（类似
table-cell
此元素会作为一个表格单元显示（类似
和
）
table-caption
此元素会作为一个表格标题显示（类似
inherit
规定应该从副元素继承display属性的值。
我们先来看看常见的四种值：inline,block,inline-block，none.
单独占一行，可以设置width,height，maigin四个方向，padding四个方向； 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度；
多个内联元素占同一行，直到放不下才换行。设置width,height,margin-top,margin- bottom,padding-top,padding-bottom无效； 元素的宽度就是它包含的文字或图片的宽度，不可改变。
像inline一样放置(比如和它相邻的元素处在同一行)，像block一样表现。比如：input,select,img等。
This is a span hereThis is a
inline-block
element This is a span here.
即:和内联元素在同一行，但自身相当于块级元素，可以设置width,height等属性。
适用情况
- 不用添加浮动，多个block可以一行显示（比如导航栏）[不适用ie6/7]
- 使一个inline元素具有高宽边距等而它依然能够保持inline;
inline和inline-block出现的问题
水平呈现的元素间，换行显示或空格分隔的情况下会有间距
解决方法 ● 相邻inline-block元素不分行写，写在同一行并且中间无空格 ● select父元素使用font-size:0
隐藏该区域，不占实际空间。但对后台来说真实存在，可以获取被隐藏的元素
和visibility:hidden的区别 hidden占实际空间，其后的元素仍在该有的位置，而none后的元素占
none原有的位置display其他属性值list-item 此元素会作为列表显示。 run-in此元素会根据上下文作为块级元素或内联元素显示。 table 此元素会作为块级表格来显示（类似table），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似table），表格前后没有换行符。 table-row-group 此元素会作为一个或多个行的分组来显示（类似tbody） table-header-group 此元素会作为一个或多个行的分组来显示（类似thead） table-footer-group： 此元素会作为一个或多个行的分组来显示（类似tfoot） table-row 此元素会作为一个表格行显示（类似 tr ）。 table-column-group 此元素会作为一个或多个列的分组来显示（类似 colgroup ）。 table-column 此元素会作为一个单元格列显示（类似 col ） table-cell 此元素会作为一个表格单元格显示（类似 td 和 th） table-caption 此元素会作为一个表格标题显示（类似 caption）
这些属性可以让内容以表格的形式呈现，比如（但是ie6/7不支持）： display:table-cell可以让大小不固定元素垂直居中，可以用在两栏的自适应布局上，可以实现等高布局和等列布局。
