页面布局常用的方式有两种，浮动（float）和定位（position），定位已经讲过了（关于position定位及z-index的理解），这篇主要讲浮动，而浮动和清理浮动是成对出现的，所以也一并讲了。理解浮动前，我们需要一些前置条件：1.盒模型；2.文档流；1.盒模型一个元素的width或者heig...
分类：
其他好文 时间：
2014-12-03 12:25:16
阅读次数：
304
5：等分，居中等页面布局等分在说等分之前，先抛出一个问题，如下面的emmet代码，footer部分的导航有些页面是三个，有些页面是四个，我们要求的是不论是三个还是四个甚至于5个，都平分宽度。footer.footer>ul.nav-links>li*3footer.footer>ul.nav-lin...
分类：
移动开发 时间：
2014-12-03 12:17:56
阅读次数：
420
写页面布局时经常会遇到1PX边框的表格，对于罗列显示大量数据来说，table是非常合适的，table本身的意义就在于罗列显示数据，web标准化并非是指不去用table标签，而是说不用table去布局，table本身也是属于标准内的。 本身table设置border：0的话，边框其实是2px。如果想....
分类：
Web程序 时间：
2014-12-03 11:46:40
阅读次数：
204
Modern UI for WPF自带了一组页面布局。Modern UI page是继承自control控件的，Page通过是通过ModernWindow.MenuLinkGroups属性来引用显示在内容区域。本章节描述了各种不同的布局，并眼熟如何使用它们。 *提示：描述的页面布局同样也适用于Vis...
分类：
其他好文 时间：
2014-12-01 14:18:23
阅读次数：
202
关于页面布局这个问题，一直很纠结，之前一直不知道如何footer定位，后来想了想用jQuery就可以实现这些功能于是自己花了点时间弄了一个页面，可以动态设置根据#header的高度动态设置#main和#footer的位置。cssbody,html{ margin: 0; padding:...
分类：
Web程序 时间：
2014-11-29 17:17:12
阅读次数：
923
一、Frame 二、DIV This is the Header This...
分类：
Web程序 时间：
2014-11-26 14:10:59
阅读次数：
128
一、栅格系统原理
1. 栅格系统（布局）
Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。
我们在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可以放入到你创建好的布局当中。下面就简单介绍一下Bootstrap栅...
分类：
其他好文 时间：
2014-11-25 23:52:33
阅读次数：
324
第一章 移动互联网时代的Web技术HTML5+CSS3+JavaScript的移动应用将会是未来的趋势。HTML5优势：1.Canvas绘图；2.多媒体；3.本地存储；4.离线应用；5.使用地理位置；6.有移动Web应用框架。第二章 移动设备HTML5页面布局HTML5新语义元素：1.header头...
分类：
移动开发 时间：
2014-11-25 18:30:09
阅读次数：
151
在页面布局时，我们常常会遇到这样一个问题：对子元素采用浮动之后两者会脱离文档流,导致父元素因为没有内容而收缩，隐藏掉我们设置的背景和其他相关样式。这个时候，我们为了清除浮动的影响，一般有以下三种方法：方法一：添加一个进行清理的元素（例如一个段落标签或换行标签），r然后用clear属性进行清理。三种清...
分类：
其他好文 时间：
2014-11-25 08:11:17
阅读次数：
158
HTML5实战:图片与标签配合制作页面完成HTML基本标签和页面跳转，根据已经有的图片完成基本页面布局： 最新推荐教程 会员都在学的教程，你学的一定有用
分类：
Web程序 时间：
2014-11-21 20:11:38
阅读次数：
183
