本文深入探讨vertical-align和line-height之间的关系，属于中长篇，有很多其他地方看不到的知识点。实例效果就在文章页面上，因此，请使用合适的浏览器查看本文。截图丰富，源代码展示详尽，相信本文的内容会对您的学习有所帮助的。
“CSS相关”目录存档
小tip:中文英文左右padding一致两端对齐实现
2015年08月7日，星期五不是什么稀奇的技术，很多很多年前自己就玩耍过。
之所以今天拿出来说一下，是因为今天几个小伙伴遇到类似问题，突然发现，一些自己觉得不怎么样的东西，说不定对别人而言会有很大帮助，于是我就打算放出去，希望可以帮助到有需要的小伙伴。
是个什么东西呢？
先看下图……
博闻强识：了解CSS中的@ AT规则
2015年08月6日，星期四大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则。而本文的内容就是列举目前CSS中支持的或即将支持的一些CSS规则，让大家提前有个大致的了解和认识，希望对日后的工作与学习能够提供一些帮助！
了不起的IE7浏览器-CSS新特性-实现与思维变革
2015年07月30日，星期四以前在我还需要兼容IE6浏览器的时候，我总觉得IE6和IE7浏览器是一个路子的一个货色，很多bug和行为表现是一致的。认为，要兼容IE7和兼容IE7基本上没多大差别。后来深入实践发现，之前的想法有些天真了。实际上，IE7浏览器下，我们也能实现很多好玩且有价值的东西……
CSS1-CSS3 <color>颜色知识知多少？
2015年07月26日，星期日本文讲的是CSS1-CSS3 <color>颜色的一些知识，有些你可能知道，有些可能并不知道，算是对过往一些知识点的总结吧。无Demo，有截图，有源代码示意，总之，希望本文的内容能够对您的学习有所帮助。
字母’x’在CSS世界中的角色和故事
2015年06月28日，星期日首先，我们这里的字母'x'就是26个英文字母a,b,c,...中的x.
由于自身形态的一些特殊性，因此，这个小小的不起眼的字母担当大任，在CSS世界中扮演了一个重要的角色。
有人可能的第一反应是：“我知道，可以模拟关闭按钮的那个叉叉效果！”
这位同学思维很活跃，但是呢，本文所要介绍的字母'x'和CSS的关系不是奇巧淫技，而是正统的术语上的紧密联系……
IE7浏览器下CSS属性选择器二三事
2015年06月20日，星期六虽然属性选择器是CSS3选择器的范畴，但是IE7浏览器很给力地支持，但是，嘴上说支持，实际上还有很多有意思的特性表现，这里，就以实例的形式给大家分享下，希望能对大家实际的工作有所帮助或启迪。
了解CSS3 text-decoration波浪线等新特性
2015年06月4日，星期四了解CSS text-decoration新特性新表现，包括波浪线，虚线，点线以及双实线等类型，以及下划线从文字下面穿过的效果实现等。介绍text-decoration-line, text-decoration-style, text-decoration-color等CSS属性。
CSS混合模式mix-blend-mode/background-blend-mode简介
2015年05月29日，星期五熟悉PS的人都应该知道混合模式，什么叠加、正片叠底、颜色减淡、颜色加深、滤色……之类的。在web上基本上常见的现代web技术都支持混合模式，例如SVG啊，Canvas等。CSS3自然也不在话下，本文就将介绍CSS3中两个与混合模式有关的CSS属性mix-blend-mode和background-blend-mode，一起进来看看眼界吧~~
CSS3 transform对普通元素的N多渲染影响
2015年05月21日，星期四一个普普通通的元素，如果应用了CSS3 transform变换，即便这个transform属性值不会改变其任何表面的变化（如scale(1), translate(0,0)），但是，实际上，对这些元素还是造成了写深远的影响。所谓表面无恙，内心奔溃的真实写照。
本文就列举几个目前我所知的transform影响CSS2.1中普通元素渲染表现的例子……一如既往，有Demo，有截图，有必要的源代码展示。总之，希望本文的内容能够对您的学习有所帮助~~
我的应用
我的应用