上代码：
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<style type="text/css">
.mod-test1{
font:20px/1.5;
color:red;
}
.mod-test1.bg{
background:#dfdfdf;
display:inline-block;
padding:5px 10px;
}
.btn{
background:#dfdfdf;
display:inline-block;
color:#000;
border:1px solid #999;
padding:5px 10px;
}
.btn:hover{
background:blue;
color:#fff;
}
</style>
<title>css的写法</title>
</head>
<body>
<p>1.css的写法问题</p>
<div class="mod-test1 bg">css的写法问题测试</div>
<p>2.button的写法（利用它可以做各种特效）</p>
<a href="#" class="btn">点击提交</a>
</body>
</html>
在此记录一下，备忘，以后慢慢补充。