在学习HTML5的过程中，自己沿着书第一个敲的HTML5页面很容易就利用了HTML5的新标签和CSS3的新样式
html5的样本body{
背景色： # cccccc；
字体系列： Geneva，Arial，Helvetica，sans-serif；
margin:典雅鸡auto；
max-width: 90典雅鸡；
border :实体；
边框颜色： # fffff；
}
header{
背景色： # f47d 31；
显示： block；
color:#FFFFFF；
文本对齐3360中心；
}
header h2{
margin: 0；
}
h1{
font-size: 72px；
margin: 0；
}
h2{
font-size: 24px；
margin:典雅鸡；
文本对齐3360中心；
color: #F4FD31；
}
h3{
font-size: 18px；
margin:典雅鸡；
文本对齐3360中心；
color: #F47D31；
}
h4{
color: #F47D31；
背景色： # fff；
- WebKit-transform 3360 rotate (-45 deg )；
- moz-transform 3360 rotate (-45 deg )；
位置： absolute；
padding:典雅鸡15典雅鸡；
top:5典雅鸡；
left: -12典雅鸡；
文本对齐3360中心；
}
nav{
显示： block；
width: 25%；
浮点：左；
}
nav a:link，nav a:visited{
显示： block；
border-bottom : 3px固态# fff；
padding: 1典雅鸡；
文本修饰：无；
字体权重： bold；
margin: mldxyz；
}
nav a:hover{
color:白色；
背景色： # f4fd 31；
}
nav h3{
margin: 1mldxyz；
color:白色；
}
#container{
背景色： # 888；
}
第二节{
显示： block；
width: 50%；
浮点：左；
}
article{
背景色： # eee；
显示： block；
margin: 1典雅鸡；
padding: 1典雅鸡；
-webkit-border-radius: 1典雅鸡；
-moz-border-radius: 1典雅鸡；
border-radius: 1典雅的鸡；
-webkit-box-shadow: 2px 2px 2典雅鸡#888；
- WebKit-transform 3360 rotate (-10 deg )；
-moz-box-shadow: 2px 2px 2典雅鸡#888；
- moz-transform 3360 rotate (-10 deg )；
}
article header{
-webkit-border-radius: 1典雅鸡；
-moz-border-radius: 1典雅鸡；
padding: mldxyz；
}
article footer{
-webkit-border-radius: 1典雅鸡；
-moz-border-radius: 1典雅鸡；
border-radius: 1典雅的鸡；
padding: mldxyz；
}
article h1{
font-size: 18px；
}
aside{
显示： block；
width: 25%；
浮点：左；
}
aside h3{
margin: 1mldxyz；
color:白色；
}
aside p{
margin: 1mldxyz；
color:白色；
字体权重： bold；
字体样式： italic；
}
footer{
clear: both；
显示： block；
背景色： # f47d 31；
color: #FFFFFF；
文本对齐3360中心；
padding: 1mldxyz；
}
footer h2{
font-size: 14px；
color:白色；
}
a{
color: #F47D31；
}
a:hover{
文本修饰： Underline；
}
header subtitle html 5锁！ Nav Link1
L2
链路3
Article Header
perinceptoshimenaeos.quisquefeugiat，justo at vehicula pellentesque，turpis lorem dictum nunc。
articlefooterarticleheaderhtml 53360 loremipsumdolornuncaytnynqyansutanet，consecteturadipiscingelit.vivamusatesteros，vel fefel
articlefooterasidehtml 53360 loremipsumdolornuncaytnynqyansutanet，consecteturadipiscingelit.vivamusatesteros，VelFringilla
福斯特