以20像素为基准进行CSS网页布局，说不定会让一些细节和潜能大放光彩，当然这需要体系的配合，还需要一些完整的解决方案在里面，本文就将分享这一实践心得，保证是其他地方都没有的。外甥点灯笼——照旧(舅)，有demo有截图有必要的源代码展示，希望本文的内容能够对您的学习有所帮助！
“CSS相关”目录存档
以20像素为基准的CSS网页布局实践分享
2016年03月22日，星期二CSS direction属性简介与实际应用
2016年03月20日，星期日至少，在我接触的这么多项目里，没有见到使用过CSS direction属性做实际开发的。
为什么呢？是因为direction长得丑吗？
虽然说direction确实其貌不扬，但是CSS并不是一个看脸卖萌的世界。
那是因为兼容性吗？
那更不是了，在那个“美女”确实是美女的年代，包括IE6在内的浏览器，CSS direction就已经被支持……
腾讯微云黑色遮罩引导蒙版更好的CSS实现方式
2016年03月7日，星期一网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。
然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：
为了实现镂空蒙层效果，作者发挥了小时候拼积木的才能，使用两层HTML结构，内层使用5块独立区域拼接形成，至于中间镂空的区域的阴影则是使用的图片实现的。
我们实际上只需要一层标签，一层空标签就可以实现我们的效果，且不需要图片……
CSS镂空图片transition过渡初加载背景色块问题解决
2016年02月25日，星期四CSS镂空图片，由于颜色是CSS属性值控制，如color或者background-color, 因此可以实现transition过渡效果，同时节约资源。然而有个很严重的问题，就是加载时候，容易出现色块，而本文就将展示如何解决色块的问题，让好的技术更加适用！
有demo有截图有必要的源代码展示，希望本文的内容可以对您的学习有所帮助！
HTML textarea cols,rows属性和宽度高度关系研究
2016年02月4日，星期四<textarea>元素，俗称“文本域”，或者“多行文本框”，其自带原生的HTML属性rows表示行的意思，可以改变<textarea>的可视区域高度，cols表示列，可以改变<textarea>的可视区域宽度。
下面问题来了，我想很多小伙伴知道cols和rows可以影响文本域的尺寸，那cols和rows不同的数值和最终展示的像素尺寸之间有没有什么关系呢？可不可以通过公式计算呢？最终表现是否还受到其他CSS属性的影响呢？
本文就将解答上面的这些疑惑，一起进去看看吧~
CSS font关键字属性值的简单研究
2016年01月27日，星期三ont属性值除了支持常用的缩写，还支持系统关键字，这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图，希望本文的内容能够对您的学习有所帮助！
理解CSS3 isolation: isolate的表现和作用
2016年01月9日，星期六如题，理解CSS3 isolation: isolate的表现和作用，isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。
深入理解CSS中的层叠上下文和层叠顺序
2016年01月9日，星期六
word-break:break-all和word-wrap:break-word的区别
2015年11月19日，星期四虽说标题是word-break:break-all和word-wrap:break-word的区别，实际上，两者的比对只是小半内容，还有很多内容是对word-break和word-wrap属性的一些了解。本文内容虽然不多，但是，demo啊截图啊什么的都还挺全，希望本文的内容能够对您的学习有所帮助。
HTML5响应式图片技术中文图解
2015年11月6日，星期五本文主要图解了几种HTML侧的响应式图片的用法说明，希望可以对移动端同学的学习有所帮助。
我的应用
我的应用