来，直接来吧，，
一、如果是文字居中：
<div class="center"><span>hello</span></div>
则css：<style>.center { width:200px; height:100px; text-align:center; line-height:100px}</style>
这就实现了水平垂直居中，如图：
二、如果是div居中：
<div class="wrap"><……
公共部分代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>hover效果</title>
<style type="text/css" media="screen">
body {margin: 0;height: 0;background-color: #F1F1F1;}
.warp {width: 250px;height: 150px;background-color: #5e7c8……
前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。（网站杜绝白屏）
以下为前端优化优化方案：
(1) 减少http请求次数：css spirit,data url // +去除网站中死链和没用的链接
(2) JS，CSS源码压缩 ……
随着互联网的发展，wap端的浏览量已超过了PC端，每个浏览器默认的字体大小也不一样，为了提高用户在咯浏览终端的体验度，就不得不用css3 的rem了。
rem的取值是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，在根元素中设置多大的字体，这完全可以根据您自己的需求来定了。下表为常用的px……
优秀的书籍参考：
《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西
《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，将开发思维转变到JavaScript，非常好的书
《JavaScrip……
