码迷,mamicode.com
首页 > Web开发 > 详细

【CSS3】常见标签使用说明(持续更新)

时间:2015-10-27 20:09:48      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

说明:

所谓常见,是指我在优秀网页源码中见到的。

1.-webkit-font-smoothing

这个属性可以使字体抗锯齿,页面上的字体看起来跟清晰舒服。

我看到的时候是这样的:

-webkit-font-smoothing:antialiased;

属性值有三个:

none                                     ------ 对低像素的文本比较好 

subpixel-antialiased                ------默认值 

antialiased                             ------抗锯齿很好 

类似的还有:

-moz-osx-font-smoothing: grayscale;

2.-webkit-text-size-adjust

由于chrome浏览器限制中文字体最小字号为12px,所以当字体<12px时可以用这个属性取消限制,一般为:

-webkit-text-size-adjust: none;

但是,最新版本的chrome已经不支持该属性,所以目前想解决该问题只有:

transform:scale(0.875);

需要注意的是,使用transform:scale(0.875)不仅仅是字体变小,文字所在的容器也会变小。

接下来讲解CSS3新特性:渐变、圆角、阴影、变形、转换、动画

3.明天再写~

【CSS3】常见标签使用说明(持续更新)

标签:

原文地址:http://www.cnblogs.com/newgold/p/4914966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!