Don't use too many font size declarations (不使用过多的字体大小声明)

文章为csslint中文版译文,点击原文可查看英文版,如遇到翻译错误或错别字啥的,请留言指出~ 译文内容不定期更新~ 返回目录

一个利于维护的站点,通常都有通用的字体集。这些字体大小,往往定义在一个代表其含义的抽象类当中,以便运用到站点的各个使用场景。如果未抽取出公用类。会导致开发者频繁的使用font-size,来使元素大小按预期显示。这就带来了一个问题,当设计的字体大小改变后,我们需要改变样式中所有设计的字体大小。而抽取出类时,只用改变类中定义的大小即可做到全局调整。

你可以创建一些标准字体大小类,如:

.small {
    font-size: 8px;
}

.medium {
    font-size: 11px;
}

.large {
    font-size: 14px;
}

在你的项目中使用以上类,能确保字体大小的一致性 贯穿始终,也限制了font-size在CSS文件中出现的次数。此时,只需要改变一处字体大小的设置,就可实现之前需要修改多处的效果。

规则详情

规则 ID:font-sizes

此规则意在强调 将过多的使用字体大小,转而至 统一定义为一个类的好处。规则 在使用 font-size 超过10次时 提示警告。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,342评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,702评论 4 61
  • “冷风,你快过来这是什么东西。”婉茹指着台子下方的一具骷髅惊叫起来。 “什么东西?” 冷风顺着手指的方向在...
    地球的火星人阅读 1,342评论 0 1
  • 第一次坐火车就爱上了这条黑色的会移动的长蛇。喜欢一个人坐上一趟列车,去往不同的地方。稍作停留,又开始下一次的出发。...
    围围小姐阅读 2,435评论 0 1

友情链接更多精彩内容