说明:
所谓常见,是指我在优秀网页源码中见到的。
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.明天再写~
时间: 2024-10-25 00:04:15