HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有: <header>定义页面或区段的头部; <footer>定义页面或区段的尾部; <nav>定义页面或区段的导航区域; <se ...
分类:
其他好文 时间:
2017-04-11 12:05:42
阅读次数:
223
<article>定义页面独立的内容区域。例如外部来的文章。 <aside>定义页面的侧边栏内容。<aside> 标签定义 <article> 标签外的内容。 <details>用于描述文档或文档某个部分的细节,点击展开效果。<details><summary>Copyright 1999-2011 ...
分类:
其他好文 时间:
2017-04-10 12:45:51
阅读次数:
357
这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改。 最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文 ...
分类:
Web程序 时间:
2017-04-08 18:46:11
阅读次数:
214
一,布局 移动端的整体布局一般来说可以分为上中下三个部分,分别为 header、main、footer,其中header、footer 是固定高度,分别固定在页面顶部和页面底部,而 main 是占据页面其余位置,并且可以滚动。 页面布局如下: 根据页面滚动的位置分为两种布局,一种是滚动 body,另 ...
分类:
移动开发 时间:
2017-04-07 21:54:22
阅读次数:
258
转载:http://www.w3cplus.com/css3/css-secrets/sticky-footers.html?utm_source=tuicool&utm_medium=referral 在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。 ...
分类:
Web程序 时间:
2017-04-07 16:58:39
阅读次数:
153
模态框的弹窗组件需要三层 div 容器元素(一般用于登录和注册) .modal // 模态声明层 .modal-dialog // 窗口声明层 .modal-content // 内容层 .modal-header // 内容头部层 .modal-body // 内容主体层 .modal-foote ...
分类:
其他好文 时间:
2017-04-05 17:46:57
阅读次数:
118
1、新增的语义化标记元素 header 标记头部区域的内容(用于整个页面或页面中的一块区域)。 footer 标记脚部区域的内容(用于整个页面或页面中的一块区域)。 section 是web页面中的一块区域。 article 独立的文章内容。 aside 相关内容或者引文。 nav 导航类辅助内容。 ...
分类:
Web程序 时间:
2017-04-05 14:39:46
阅读次数:
265
CSS文件: body{ margin:0; padding:0;}.header { background:orange; height:100px;}.footer{ background: greenyellow; height:300px;}.article{ background:beig ...
分类:
其他好文 时间:
2017-04-02 23:24:07
阅读次数:
181
上图红圈部分的引入的页面是下面的footer.jsp,是几个div的嵌套,并没有使用footer标签 但是页面解析出来的却是一个footer标签,因为样式表控制的是div的样式,所以页面的底部直接出现样式错乱的结果了,不明白是怎么回事,div怎么会被解析成footer呢? 后来我在footer.js ...
分类:
其他好文 时间:
2017-03-29 12:49:09
阅读次数:
154
function 可以作为一个过程,也就是把部分逻辑抽离包在一起;也可以作为变量或对象的属性;也可以作为参数传递;也可以直接执行; 1. console.log('header'); console.log('body'); console.log('footer'); 我们可以把上面的几行包裹起来 ...
分类:
编程语言 时间:
2017-03-27 14:23:17
阅读次数:
126