1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置...
分类：
Web程序 时间：
2015-05-17 21:28:49
阅读次数：
151
css布局的核心是position属性，position：static || relative || absolute || fixed
static是默认的属性
相对定位：
相对定位相对的是它原来在文档中的位置（或者默认位置）。接下来，可以使用top、right、bottom、left属性来改变它的位置。
绝对定位三特性：
1.设置成绝对定位后默认的宽度变成...
分类：
Web程序 时间：
2015-05-17 00:49:19
阅读次数：
144
CSS盒状模型是大多数CSS布局与定位的基础，它以包含4个成分的有界限的盒子来描述网页中的每个元素。盒状模型示意图如下图所示。
盒子的尺寸=内容尺寸(width+height) + 内边距(padding) + 边框粗细(border) + 外边距(margin)
一、在给元素设置背景时
IE作用域：content + padding
Firefox作用域：conten...
分类：
Web程序 时间：
2015-05-16 20:40:52
阅读次数：
142
一.精简代码，降低重构难度。网站使用DIV+CSS布局使代码很是精简，相信大多朋友也都略有所闻，css文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。要是一个门户网站的话，需手动改很多页面，而且看着那些表格也会感觉很乱也很浪费时间，但是使用css+div布局...
分类：
Web程序 时间：
2015-05-10 23:50:37
阅读次数：
188
此为用CSS实现的仿真扑克牌，别以为是使用了图片，实际上完全是由CSS实现的，就连牌面也是，CSS布局的水平要求高，赶紧研究一番吧，研究透彻对你的css水平应该会有所提升。
分类：
Web程序 时间：
2015-05-09 16:25:08
阅读次数：
108
转自：http://www.cnblogs.com/dolphinX/p/3508869.html在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear f...
分类：
其他好文 时间：
2015-05-04 17:22:13
阅读次数：
107
一个自适应的宽度的两列网页布局，含头部和尾部，也是比较经典的二栏风格设计，在本例中，网页左栏是自适应宽度的，不论你的浏览器窗口大小，它都不会出现滚动条，你完全可以把它拷贝回去做为一个模板来用，也是学习CSS布局的一个好范例。
分类：
Web程序 时间：
2015-05-04 17:05:22
阅读次数：
136
CSS平铺背景图片实现百分比图表，这个示例主要是练习CSS如何布局出规则图形，用CSS布局出图表图，这个技巧 也很常用，实现步骤却很简单，新手也能看懂，研究一下。
分类：
Web程序 时间：
2015-05-03 18:40:43
阅读次数：
149
转载请标明：http://www.kwstu.com/ArticleView/divcss_2013929173533658关于DIV+CSS布局中用到的CSS必备知识请看：http://www.kwstu.com/ArticleView/divcss_201442291125960DIV+CSS布...
分类：
Web程序 时间：
2015-04-30 12:06:02
阅读次数：
133
