摘要：中文版Chrome浏览器不支持12px以下字体的解决方案Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能... 阅读全文

摘要：国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以... 阅读全文

摘要：本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的概述和兼容情况：三个浏览器中的一个支持而另外两个不支持的条目三个浏览器中的两个支持而另外一个不支持的条目本文不讨论：三个浏览器都不支持的条目私有属性因此，本文的中心是三个浏览器中的不同... 阅读全文

摘要：前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充... 阅读全文

摘要：CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles一 基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:before {}不过，在 CSS3 中为了区别伪元素和伪类为伪 阅读全文

摘要：瀑布流式布局简介现在越来越流行一种瀑布流式布局的页面布局方式，希望你没有对这个名字陌生，看张图相信你就知道它是什么了。怎么样，是不是很熟悉，越来越多的网站采用这种布局，比如Pinterest(貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，哇哦等等。瀑布式流式布局，这个名字是很形象的，这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。这种布局可以说是扩展了原始的格子布局，给用户更加自由，灵活的感觉，便于浏览。几种实现方式作为前端人员，我们肯定也要紧随用户喜好，抓住用户眼球，那么整理一下这种布局的三种实现 阅读全文

摘要：相信对 CSS 使用有一定经验的童鞋应该都听过 CSS reset 这个概念，想腾讯等大型网站的 CSS 文件中也必定要一段 reset ，那么 CSS reset 究竟是什么呢？CSS reset 不是一种技术，而且一段 CSS ，正如它的名字那样，重置样式。 HTML 标签在浏览器里是有默认的样式，例如 a 标签会有下划线，p 标签会有上下边距，而且这些标签的默认样式在不同的浏览器中可能是不同的，比如 ui 标签默认会有缩进， IE 是利用 margin 实现的，而 Firefox 和 chrome 是利用 padding 实现的。因此在前端开发的过程中这种不统一的默认样式会给开发者带来很 阅读全文

摘要：FILTER:progid:DXImageTransform.Microsoft.Gradient使用语法：filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)属性：enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false true: 默认值。滤镜激活。 false:滤镜被禁止。startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 其格式为... 阅读全文

摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 项目范例说明![if !IE]The NOT operator. This is placed immediately in front of thefeature,operator, orsubexpressionto reverse the Boolean meaning of the expression.NOT运算符。这是摆立即在前面的功能，操作员，或子表达式扭转布尔表达式的意... 阅读全文