1.css reset YUI3
兼容各种浏览器的初始状态
2.公共类可以放在common.css中
如何让文字上下居中：将文字高度设置的和外层div设置的一致
3.精灵图
可以使用一张图片的部分
4.
图片可以使用h1标签来做seo优化，同时添加文字在标签里面 设置text-indent：-9999px;
5.去除a标签里面的下划线
 text-decoration:none;
设置a标签颜色
 color:rgb(134,134,134);
6.选中第一个li标签
.nav li:first-child
7.去除img标签之间的空白间隙部分
 vertical-align:bottom; display:block;
8.如何在div上添加div，
父div设置：position: relative;
子div设置： position: absolute;t-l-b-r走起
9.在div一行里面添加小图标
在添加设置s标签，css找到这个标签设置以下属性：
display: inline-block;
background: url(../image/sprite.png) -250px 0;
width: 40px;
height: 40px;
margin: 20px 10px 0 10px;
10.对其方式
垂直对齐：vertical-align: middle;
水平对齐：margin: 0 auto;

北京图片撑开div
我的情况是，宽度按照整个屏幕的百分比来调整，但是高度，又不能通过整个屏幕的高度百分比来调整，而也想通过宽度的百分比，即宽高比希望与背景图片的宽高比相等。 


通过一下属性，先填充

background-size: 100% auto;

background-repeat: no-repeat;

background-image: url(../images/aaa.png);



然后通过对这个div的before添加样式

content: "";

display: block;

padding-top: 100%; 	/* 代表1：1，如果是想要5：1就是20%，根据图片大小比例，那就自己算一下吧*/

这块实际上做的就是用before占用一块位置，把相应的高度撑起来～





然后里面就可以放任何东西了，当然，里面的东西要保持

position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

width:100%;

height:100%;

同时，上一层的position要是relative的，这样就可以保证，里面的内容刚刚好在背景图片这个区域了