郑君的学习笔记

要比昨天进步一点点

html5学习笔记

发表于 更新于 分类于 阅读次数： 本文字数： 502 阅读时长 ≈ 1 分钟

未完结，随时更新

部分：字面意思已经很清楚了就是页面主要的展示区域。 [role元素](https://www.w3.org/TR/wai-aria/roles#usage_intro)

HTML5规范

常用页面元素

95899727.png

footer置底

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    padding: 20px;
    margin: 30px 0 0 0;
    background: #333333;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
}
<footer class="footer">
    Copyright &copy; 2017 by xxx</a>
</footer>