<!DOCTYPE html>>
<html>
<head>
<title>11.29</title>
#p1{
font-size:30px;
}
.p22{
font-size:40px;
}
p{
font-size:20px;
}
#id{
width: 500px;
height: 400px
}
#div0 span{
font-size:60px;
}
#div0>span{
font-size:80px;
}
#div0+p{
font-size:40px;
}
#pp,#divv,#spann{
font-size:50px;
}
#pp{
color: blue;
}
.btn{
width: 100px;
height: 50px
}
.red{
color: red;
}
.blue{
color: blue;
}
.ww {
width: 80px;
height: 60px;
}
.w1 {
background: rgb(0, 0, 255);
}
.w2 {
background: rgba(0, 0, 255, 0.6);
}
</style>
</head>
<body>
<hr/> <button class=”btn red”> 红色按钮 </button>
<button class=”btn blue”> 蓝色按钮 </button>
<hr/> <p id=”pp”> 段落中的内容 1 </p>
<span id=”span”> 段落中的内容 3 </span>
<hr/>
<span>span 测试内容 1 </span><br/>
<span>span 测试内容 2 </span><br/>
<span>span 测试内容 3 </span><br/>
<hr/>
<span>div 中 span 测试内容 </span>
</div>
<hr/
</body>
</html>