设计观点View
 12

用 CSS3 画蒲公英

感谢桑尼真(龙)给我们带来如此美妙的视觉享受,再次感受一下 CSS3 的魅力吧,引用一下原文:前几天同事买了只新手机,在电梯里,说到微信的摇一摇,又说道TX微博也有个类似的功能,叫吹一吹,然后就演示了下,效果很漂亮,也触动我心底那根弦...蒲公英...

可用性更好的CSS隐藏文字技术(CSS图片替换文字)

对于CSS隐藏文字也许大家并不陌生,第一想到的或许就是 text-indent:-999em。但是作为一个重构人员,精益求精一直是我们追求的目标,抛开text-indent的适用场景和bug不谈,大家有没有想过这种方法的弊端呢?显而易见,如果图片由于某些原因未加载的时候,设置了 text-indent:-999em导致文字移出了浏览器视口(可视区域),我们看到的会是一片空白。网页中最重要的是内容,显然此时的可用性大打折扣了。

inline-block空隙--letter-spacing与字体大小/字体关系数据表

letter-spacing与字体大小/字体关系的数据表 Firefox 3.6.12 Chrome 7.0 Safari 4.0(win) Opera 10.51 IE8 IE6/7 是否兼容 16px/Arial -4px

clearfix改良及overflow:hidden详解【译文】

clearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。这篇短文介绍了如何改进clearfix进行增强,同时对overflow:hidden进行了深入的解释。

三谈Web默认字体

最近疯狂测试 reset.css, 第一个首要测试点就是默认字体。前不久秦歌的帖子和我的再谈,收到了很多朋友的反馈。重新整理了下,请先仔细查看测试页面:web-default-font.html1. Tahoma 字体的问题,小麦总结过。在 IE6 下,Arial 字体在下划线的显示上的确略有优势,甚至有神奇的魔数 1.231 来让中英文对齐。但除了 IE6, 其它浏览器下,Arial 表现并不好。考虑门户网站的设计趋势,链接加下划线的形式,已逐步去掉,比如 YAHOO 首页。国内腾讯首页也早就去掉了满屏

再谈Web默认字体

玉伯旧的博客已经打不开了,转过来存档,【】内为 一丝冰凉 做的适当补充。秦歌这篇文章【web默认字体】总结得很不错,俺挑刺来啦:1. 优先级的描述不严谨,有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。2. Tahoma 字体从 Win95 就有了,并且从 Win2000 开始,Tahoma 成为 Win 英文系统的默认字体。2007 年,在 Mac OS X v10.5 (L

作者头像

margin负值 – 一个秘密武器

【一丝冰凉】/2012-05-03/层叠之美

margin负值 – 一个秘密武器

CSS盒模型中,margin是我们老熟悉的一个属性了, 它的负值你用过吗? 你知道margin负值的秘密武器吗?我们一起看看吧!

 12