进一步了解了em,rem,pxPX像素，相对长度单位。像素px是相对于显示器屏幕分辨率而言的，在做Web页面时，我们都用px来设置文本，px比较稳定和精确，但是这种方法有一问题，就是当用户在浏览器中浏览我们做的Web网页时，它改变了浏览器的字体大小，这会使用我们的Web页面布局被打破。这时就可以用e...
分类：
其他好文 时间：
2015-12-09 00:21:22
阅读次数：
175
HTML5新元素及其特性HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。本次学习HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；...
分类：
Web程序 时间：
2015-10-12 12:26:31
阅读次数：
234
PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页...
分类：
Web程序 时间：
2015-08-26 21:47:06
阅读次数：
191
CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局，在它出现之前，我们经常使用的布局方式是浮动或者固定宽度+百分比来进行布局，代码量较大且难以理解。为了更好理解flexbox布局，这里首先要介绍几个概念：如果所示：（1）主轴（...
分类：
Web程序 时间：
2015-03-06 18:33:58
阅读次数：
229
关于web页面布局，我们听说过的有固定布局（fixed layout），流体布局（fluid layout），其中响应式布局是应运而生。指：一是宽屏的愈发普及；二是CSS3 media queries属性的诞生（通过CSS代码，实现不同宽度显示器下不同的布局，可以即时响应的web页面布局。）语法：@...
分类：
其他好文 时间：
2015-03-05 12:32:29
阅读次数：
156
接着上一篇：使用ApacheTiles3.x构建界面布局（一）继续构建页面布局。上一篇示例中已经对页面的公共部分进行了抽取，创建了布局，并且将使用的布局应用的响应页面了。1.定义definition来改变公共部分现在有个新变化，响应页面的footer部分需要发生点变化，这个时候仍然可以通..
分类：
Web程序 时间：
2014-12-26 06:21:04
阅读次数：
349
Tiles是一个免费的开源模板Java应用程序的框架。基于复合模式简化的用户界面的构建。对于复杂的网站仍是最简单、最优雅的方式与任何MVC技术一起工作。Struts2对Tiles提供了支持，如今Tiles发展已有13个年头，成为Apache的一个独立项目，我们可以单独使用Tiles来构建用户界面布..
分类：
Web程序 时间：
2014-12-26 06:20:33
阅读次数：
375
使用 jQuery Mobile 和 CSS3 实现响应式设计 创建可以适应每个用户的屏幕分辨率的 Web 页面布局 jQuery Mobile 框架就其本身而言就是一个优秀的解决方案，可以快速创建一个可访问的由 HTML5 标记驱动的移动网站。...
分类：
Web程序 时间：
2014-11-18 09:14:25
阅读次数：
336
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补...
分类：
Web程序 时间：
2014-09-17 13:34:32
阅读次数：
221
Sitemesh是由一个基于Web页面布局、装饰及与现存Web应用整合的框架。它能帮助我们再由大量页面工程的项目中创建一致的页面布局和外观，如一 致的导航条、一致的banner、一致的版权等。它不仅能处理动态的内容，如JSP、PHP、ASP、CGI等产生的内容，还能处理静态的内容，比如 HTML的内...
分类：
其他好文 时间：
2014-08-01 19:19:42
阅读次数：
297
