<style type="text/css">
* { padding:0; margin:0; }
.box h2 {
//内边距左边的距离
padding-left:10px;
//内边距左边的距离
padding-right:10px;
//边框有无、宽度和颜色
border: 1px solid #000;
//背景的高度
height:100px;
//背景的宽度
width: 100px;
//背景颜色
background:#87b0e1;
line-height:30px;
//文字的颜色
color:#fff;
//文字的大小
font-size:14px;
//文字左右对其，可以使得div横向排列
float:left;
//去掉a标签的下划线
text-decoration: none;
//在ul里面写去掉li前面的小圆点
list-style-type: none;
//relative定位的时候使用width会影响上一级元素的width，把上一级元素的宽度撑大，absolute不会
在a{}中使用width是文本的宽度，在ul中使用时ul的宽度，即是所有li的宽度的和
在a{}中使用width要使用display：block
position：relative和absolute
//h1标签的默认大小为200%
//h2标签的默认大小为150%
//h3标签的默认大小为115%
//使用text-align对容器内的容器进行居中的时候，需要在内部容器中的文字的属性上加上display：none，否则不能居中，比如<p><a href="#">菜 单</a></p>,
需要在.box p a的属性中加上display：none和text-align：center
//在给内部的a标签加上了width和height之后，居中的效果将失效，要再加上margin：0 auto才能使得居中的效果再次显示出来
//图像的左侧和右侧均不允许出现浮动元素：
//使用clear：both
//设置元素的位置坐标的时候要修改position:absolute，否则修改坐标位置不发生改变
//使用jquery的show()方法的时候，要先在css中加上display:none；才能使用.show("fast");
//给label设置了宽度后，想要使得label的内容在这一宽度范围中向右对其，要写float：left;text-align:right;
//使用top=0;left=o;right=0;bottom=0;margin=auto;positon:absolute;来使得元素在页面中处于中心
}
</style>