介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）一、BFC是什么？ Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box ...
分类：
其他好文 时间：
2014-08-22 17:46:29
阅读次数：
300
近期在重温《CSS权威指南》，还是想把基础再打坚固点，如今对垂直外边距的合并问题进行简单总结。1. 两个块级元素的外边距都大于0时，取那个最大值作为两个块级元素的垂直边距请看以下一个小样例，效果图例如以下：红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最...
分类：
Web程序 时间：
2014-08-22 12:50:18
阅读次数：
214
水平对齐：margin：水平对齐，{ margin:auto; margin-left:auto; margin-right:auto;}position:左右对齐，对齐元素的方法之一是绝对定位。{ position:absolute;}float:左右对齐{ float:r...
分类：
Web程序 时间：
2014-08-22 10:38:26
阅读次数：
193
需要js插件：
jquery
jQueryRotate.2.2.js
jquery.easing.min.js
前端显示代码：
幸运大转盘
body,div,img {margin:0; padding:0; border:0 none;}
#bg {background:url(img/bodybg.jpg) rep...
分类：
微信 时间：
2014-08-21 19:25:44
阅读次数：
477
这是网上搜索的一些关于兼容性的资料浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决...
分类：
其他好文 时间：
2014-08-21 18:53:54
阅读次数：
237
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0}body { min-w...
分类：
移动开发 时间：
2014-08-21 14:51:24
阅读次数：
666
1.框模型概述： 术语翻译element : 元素。padding : 内边距，也有资料将其翻译为填充。border : 边框。margin : 外边距，也有资料将其翻译为空白或空白边。在 w3school，我们把 padding 和 margin 统一地称为内边距和外边距。边框内的空白是内边距.....
分类：
Web程序 时间：
2014-08-21 14:38:34
阅读次数：
245
精简的代码实现导航栏滑动效果，实现详解：1.滑块位置：通过父节点position=fixed，子节点position=absolute方式，实现子节点浮动；2.导航栏居中：通过left=0px，right=0px，margin-left=auto，margin-right=auto实现；3.通过jQ...
分类：
Web程序 时间：
2014-08-21 13:20:44
阅读次数：
233
①块元素在浮动的时候横向边距显示双倍②不同的浏览器对margin 和 padding 值显示不同③各个浏览器下图片之间有间隙④ul li 和ol li 中，如 li 不浮动，父标签又没设置高度，在ie6、ie7中会出现多出几像素的问题⑤ie6不支持最小高度⑥a标签里嵌套img时，不同浏览器下会出现不...
分类：
其他好文 时间：
2014-08-21 11:02:53
阅读次数：
176
div居中样式：show_center{ margin-left: auto; margin-right: auto; width: 1000px; //宽度根据自己需要设定 height: 300px; //根据需要设定 ...}使用样式： 这里要注意一点：如果样式中加入position...
分类：
其他好文 时间：
2014-08-20 17:48:52
阅读次数：
163
