参考资料：http://www.imooc.com/article/2235 单列布局 水平居中 父元素text-align:center;子元素：inline-block; 优点：兼容性好； 不足：需要同时设置子元素和父元素 <!DOCTYPE html> <html lang="en"> <he ...
分类：
Web程序 时间：
2017-09-20 15:00:28
阅读次数：
240
1.块元素： margin：0 auto； 2.行内块或行内元素：text-align:center; 3.position：static（默认），relative（相对自身的位置定位），absolute（相对最近的有定位元素的父盒子定位，除static之外的两种），定位配合top，left，rig ...
分类：
Web程序 时间：
2017-09-17 19:05:33
阅读次数：
148
一，. 页面导入样式时，使用link和@import有什么区别？ 语法的角度： link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用； 而@import是CSS提供的语法，只能用于加载CSS; 浏览器解析的角度 页面被加载的时，link会同时被加载，而@imp ...
分类：
Web程序 时间：
2017-09-15 20:57:30
阅读次数：
258
一、流式布局（Liquid Layout） 流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作栅栏系统（网格系统）。 网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，m ...
分类：
Web程序 时间：
2017-09-14 21:44:47
阅读次数：
197
想扩展深入了解，点击参考链接 1.DIV+CSS和table布局的区别： DIV+CSS布局比table布局节省页面代码，代码也更加的清晰。 DIV+CSS的页面对搜索引擎支持好，而且速度更快了，能够比Table更加快速的显示网站内容。 DIV+CSS布局是网站版面布局修改更简单，因为表面代码都写在 ...
分类：
其他好文 时间：
2017-09-13 11:55:12
阅读次数：
156
双飞翼布局 我是主列 我是子列 我是附加列 ...
分类：
Web程序 时间：
2017-09-13 00:28:34
阅读次数：
243
无缝轮播图是页面常用的特效之一，然而在实际的开发过程中，大部分的开发者都会使用插件来对轮播图进行开发，那么它的底层到底是怎么实现的呢，本文章将围绕这一问题展开探讨。 在讨论如何利用原生JS实现图片之间无缝切换轮播的动画效果之前，我们先来谈谈无缝轮播图片的css布局。 首先我们需要一个用来显示图片的D ...
分类：
编程语言 时间：
2017-09-11 14:14:34
阅读次数：
241
一、流动模型（默认布局） 1.特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。 二、浮动模型 ...
分类：
Web程序 时间：
2017-09-09 15:24:36
阅读次数：
218
flexiblebox的简介：flexbox是2009年W3C提出的一种全新的可伸缩的CSS布局方式。依赖flexbox，我们可以更简单，高效的完成可伸缩式页面的布局。flexbox一共经历了三个版本，分别为old，tweener，new，这三种版本下的display属性值不一样，分别为"display:box"，"display:flexbox..
分类：
其他好文 时间：
2017-09-09 09:43:22
阅读次数：
115
http://www.iyunlu.com/view/css-xhtml/64.html 作者：一丝链接：https://www.zhihu.com/question/20495297/answer/15288789来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 我还 ...
分类：
Web程序 时间：
2017-09-05 19:16:47
阅读次数：
160
