HTML5几个设计和修改的页面范例分享

1. /*页面顶部的标题区样式*/    header {   
2.   background-color: #7695FE; /*可接受任何颜色值*/      border: thin #336699 solid; /*多合一的 border 属性*/   
3.   padding: 10px; /* 10像素的内边距，边框与内容之间的距离*/      margin: 10px; /* 10像素的外边距，边框与周围元素之间的距离*/   
4.   text-align: center; /*头部文本居中*/    }   
5. /*页眉中标题<h1>样式*/    header h1{   
6.   margin: 0px;      color: white;   
7.   font-size: xx-large; /*精确控制可以用像素或者em单位*/    }  

最后还有一个元素需要用在示例文件中，就是 <article> 元素，表示一个完整的、自成一体的内容。

<ariticle>元素应该包含新闻报道或文章的内容，包括标题、署名和正文。因此添加了 <article> 元素后的结构如下：