写过很多页面的样式，但是却少有理论的基础，近日看到了关于BFC和一些关于magin collapse的知识 ，决定系统的整理一下。一、BFC是什么？BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， ...
分类：
其他好文 时间：
2015-11-27 17:12:54
阅读次数：
153
css3中新出的这个flex在移动端表现出了非常大的发展空间，平时几乎都用的这个。可是这两天也发现了问题，display:flex并不是所有都兼容。于是我找到了下面的资料：display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */displ...
分类：
Web程序 时间：
2015-11-27 14:37:30
阅读次数：
151
"混合模式"：Photoshop提供了各式各样的混合模式，但是CSS3阴影只支持正常模式（normal）。"颜色（color）"：阴影颜色。对应于CSS3阴影中的color值。"不透明度（opacity）"：阴影的不透明度。对应于CSS3阴影的颜色rgba()中的a值。"角度（Angle）"：投影的...
分类：
Web程序 时间：
2015-11-27 13:00:25
阅读次数：
135
今天本来想聊一下margin和padding，但是当我给div加了一个display:inline-block之后，发现一个问题：.box_demo{border: 1px solid #333;width: 80px;display: inline-block;} box1 box2发...
分类：
其他好文 时间：
2015-11-26 21:11:47
阅读次数：
311
$(document).ready(function () { $("body").prepend(''); //背景透明图 $("body").prepend(""); // loading. });点击提交表单的按钮:$(".search-box button[...
分类：
其他好文 时间：
2015-11-26 18:40:48
阅读次数：
557
关键点：1.图片采用绝对定位2.事件：mousemove3.偏移距离 offset(), .offset().left | .offset().top$("#mem-box-mouse").css({ "left": pointX - $memBox.offset().left - 50,//...
分类：
移动开发 时间：
2015-11-26 15:06:30
阅读次数：
226
1、语法box-shadow: h-shadow v-shadow blur spread color inset; 1 2 3 4 shape of css 5 8 9 10 11 12 蓝色的是元素框，红色的是阴影，可以看出box-shadow只是把原来的元素克隆一下而已，再加上其他修...
分类：
其他好文 时间：
2015-11-26 13:06:24
阅读次数：
149
CSS3 垂直居中margin: 0px auto; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-bo...
分类：
Web程序 时间：
2015-11-25 10:58:45
阅读次数：
150
今天做项目的时候发现一个css3的新属性flex一、什么是flex它的作用是能够按照设置好的规则来排列容器内的项目，而不必去计算每一个项目的宽度和边距。甚至是在容器的大小发生改变的时候，都可以重新计算，以至于更符合预期的排版。不仅解放了计算器，而且更加优美的服务于响应式设计。在使用了flex属性之后...
分类：
Web程序 时间：
2015-11-24 12:18:58
阅读次数：
555
解决方案： 1.第一种方案：图块状显示;#box img {display:block;} 2.第二种方案：父级元素定义为img的宽和高 3.第三种方案：将支持 valign 特性的对象的内容与对象底端对齐，使用此方法，同样可以解决IE6在XHTML中的图片显示效果。img{vertical-a.....
分类：
Web程序 时间：
2015-11-23 16:47:05
阅读次数：
136
