使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情...
分类：
Web程序 时间：
2014-10-31 20:28:22
阅读次数：
287
1，图片垂直居中：
设置包含图片的div：height=20px；line-height=20px。设置图片vertical-align：middle 即可。
2，行内块元素有3px bug，可通过设置为块元素解决。典型元素：img input
行内元素：内容撑开宽高，宽高随内容变化而变化，不可控制宽高，用于控制字体、颜色。可设置line-height
块级元素：默认撑满行，可设置。
...
分类：
Web程序 时间：
2014-10-24 00:29:50
阅读次数：
195
写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下marg...
分类：
其他好文 时间：
2014-10-22 08:42:14
阅读次数：
278
用到知识点：float，块元素居中，注意：（如何让浮动元素和块元素在同一行--display: inline-block失效）正确布局代码 正确CSS#left { height: 500px; width: 200px; border:2px solid red; float...
分类：
其他好文 时间：
2014-10-10 14:40:54
阅读次数：
164
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl...
分类：
其他好文 时间：
2014-10-09 13:58:33
阅读次数：
140
display:block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和 是块元素的例子。display:inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，....
分类：
其他好文 时间：
2014-10-08 18:01:35
阅读次数：
139
inline-block的兼容性问题兼容性：IE6、IE7不识别inline-block但可以触发块元素。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法：1、首先设置inline-block触发块元素，具有了layout的特性，然后设置display:inline使块元...
分类：
其他好文 时间：
2014-10-08 00:41:34
阅读次数：
272
原文:CSS 实现加载动画之三-钢琴按键今天做的这个动画实现也是非常简单，简单数几行代码就可以搞定。给这个动画取了个优雅的名字--钢琴按键，也实在是想不出什么更形象的名字了。废话不多说，直接上图。 1. 先看gif图 2. 代码实现思路 2.1 定义五个方块的元素。
2.2 对方块元素使用动画，延时...
分类：
Web程序 时间：
2014-09-29 00:30:37
阅读次数：
226
做项目每次垂直居中的时候都折腾半天，在这边稍微整理一下垂直居中我所理解的一点知识吧。 1，行内元素 行内元素，比如，img，span等直接用vertical-align:middle，就可以搞定了。 2，块元素 垂直居中，最简单的方式是height：20px;line-he...
分类：
其他好文 时间：
2014-09-26 23:54:08
阅读次数：
246
今天做的这个动画实现也是非常简单，简单数几行代码就可以搞定。给这个动画取了个优雅的名字--钢琴按键，也实在是想不出什么更形象的名字了。废话不多说，直接上图。1. 先看gif图2. 代码实现思路2.1 定义五个方块的元素。2.2 对方块元素使用动画，延时改变透明度。3. 主要使用的技术主要用到了ani...
分类：
Web程序 时间：
2014-09-26 20:23:18
阅读次数：
186
