html5从入门到精通
每天一个小示例!
html5代码如下:
<header>[标题栏]</header>
<aside>[侧边栏]</aside>
<article>[正文内容]</article>
<footer>[页脚栏]</footer>
- header 标签定义页面页眉(介绍信息)
- aside 标签定义所处内容之外的内容(可用作网页侧栏)
- article 标签规定独立的自包含内容(可用作正文)
- footer 标签定义文档或节的页脚(可包含版权信息,联系方式等)
css3代码如下:
header,aside,article,footer{
text-align: center;
line-height: 100px;
font-weight: bold;
}
header{
background: rgba(255,0,0,0.4);
}
aside{
width: 30%;
background: rgba(0,255,255,0.3);
float: left;
}
article{
width: 70%;
background: rgba(0,0,255,0.3);
float: right;
}
footer{
width: 100%;
background: rgba(0,255,0,0.3);
}
-
background:rgba 设置颜色值为rgba代码的背景颜色
-
text-align 属性规定元素中文本的水平对齐方式,有left、righ