Tag Archives: CSS

transform-rotate

transform:rotate在手机上显示有锯齿的解决方案

transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿。 解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。 原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 ^_^ ...
Posted in Web开发 | Tagged | 3 Comments
firefox-css-text-overflow

纯CSS在Firefox模拟text-overflow: ellipsis效果

text-overflow这个属性真让Firefox折腾,虽然之前有写过Firefox通过XUL实现text-overflow:ellipsis的效果,不过要外挂xbl来用也就一直没用,虽然想过Data URI,但其实还不如外挂xbl。 这两天在论坛看到14px同学写的超过宽度显示省略号(无js全兼容),想法很有创意,使用一张图片来...
Posted in Web开发 | Tagged , , | 18 Comments

用私有属性来拯救IE7缩放图片的失真

图片缩放会失真是真理,在浏览器里也一样,貌似使用传说中的双三次插值可以让失真看起来比较不明显,但是真的想不通IE7已经实现了,却不默认打开,是体谅我们的CPU还是内存呢? 简单来说,我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情...
Posted in Web开发 | Tagged , , | 13 Comments

CSS系统颜色

直接调用系统的颜色显示在网页上本来是件很好玩滴事,但是,也有个缺点,就是可用的色太少 比如Bindows在它的启动画面一点点应用。 =。= 上次本来想在某个产品上应用,结果给人BS了,原因是色不好看 囧rz 在css21 中 System Colors也有相关描述,CSS3还加了超链接的色,还有个flavor。 但是,要...
Posted in Web开发 | Tagged , | 9 Comments

firefox通过XUL实现text-overflow:ellipsis的效果

firefox不支持text-overflow一直让人很折腾。。不过还好有大虾为我们提供解决方案。。text-overflow: ellipsis for firefox Firefox still does not implement the proposed CSS3 text-overflow property. It does however...
Posted in Web开发 | Tagged , , | 33 Comments

CSS Frameworks的概念

最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为白盒(White-Box)与黑盒(Black-B...
Posted in Web开发 | Tagged , , | 19 Comments

面向对象的XHTML与CSS编程

要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是,凡事都应该带着OO的思想来看问题,也勉强可以凑数拉。其实,早在零几年就有人提出了OO-style,不过已找不到。 那要怎样OO呢?现在大家都知道CSS是可以介样写滴: .G_G { /* xxxxxx */ } 我们可以把它大约看一个原...
Posted in Web开发 | Tagged , , | 25 Comments

是时候该更换网页字体了

还在用Arial、Verdana吗?先看下新闻: 微软在Vista中更新了标准网页核心字体(Web Core Fonts)。微软在90年代捐赠了这些字体,后来广泛应用于今日的浏览器,直到现在未发生变化。但随着Windows Vista的发布,微软几乎完全更新其中一部分字体——新增6种C类字体:Cam...
Posted in Web开发 | Tagged , | 12 Comments

在Flash中使用HTML和CSS

不小心看到同事Den在弄个小东西:在Flash里使用HTML和CSS,代码是这样: var myStyle:TextField.StyleSheet = new TextField.StyleSheet(); myStyle.load("sample.css"); content_txt.style...
Posted in Web开发 | Tagged , , | 3 Comments

CSS2中文翻译(全文) 已经有CHM

感谢taylor.ren的翻译。^ ^ 虽然曾经我也想做过这事!惭愧!有想法,没行动的人就是我=。=!不过不久我也会为大家贡献点东东,^ ^只现在还不能放出来。 译者简介: 任氏有无轩主人 英文名:TR@SOE 现居 苏州 主页:http://www.rsywx.net 博客:http://www.rsywx.net/wordpress W3C的CSS2多...
Posted in Web开发 | Tagged , | 15 Comments