编写更好的CSS的三个技巧

  • 时间:2018-06-28 22:18 作者:高效码农 来源:高效码农 阅读:283
  • 扫一扫,手机访问
摘要:以下是我最近一直在考虑编写更好的CSS的少量快速提醒。1.减少深远的风格请小心设计全局的原始HTML元素。小心用级联。全局是强大的,需要在引入之前全面考虑。例如,我变得有点紧张,当我看到标题越来越过于具体的造型默认的外面font-weight和font-size。当你开始详情颜色,文字转换时,我经常

编写更好的CSS的三个技巧

以下是我最近一直在考虑编写更好的CSS的少量快速提醒。

1.减少深远的风格

请小心设计全局的原始HTML元素。小心用级联。全局是强大的,需要在引入之前全面考虑。

例如,我变得有点紧张,当我看到标题越来越过于具体的造型默认的外面font-weightfont-size。当你开始详情颜色,文字转换时,我经常会看到它们不得不被越过文档的下方。

尽量减少这个次数,你必需撤销你以前宣布进一步级联的东西。

2.空白

假如您用构建系统来缩小CSS,则空白是免费的文档工具。这是我从哈里罗伯茨手中收集的一个小而方便的提醒,他在解释空白是如何语义化方面做得非常出色。

3.定期检查输出

对某些人来说,这看起来很愚蠢,“我知道输出结果会是什么样子,我写了!”,但Sass和工具在掩盖输出结果中做了很好的掩盖。

定期检查输出结果往往导致我为了更好的项目重构少量CSS。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|windows】Axios 取消重复请求(2020-11-08 07:00)
【系统环境|windows】熬了一晚上,小白用Python写了一个股票提示系统(2020-11-08 07:00)
【系统环境|windows】2020要想成为一名专业的web前台开发程序员,需要学习什么?(2020-11-08 06:35)
【系统环境|windows】前台面试每日 3+1 —— 第546天(2020-11-08 06:34)
【系统环境|windows】聊聊前台工程师的职业发展 (纯干货)(2020-11-08 06:34)
【系统环境|windows】浅谈OAuth 2.0基本原理(2020-11-08 06:34)
【系统环境|windows】程序员初入职场避坑指南(2020-11-08 06:34)
【系统环境|windows】python的绘图利器--海龟绘图turtle(2020-11-08 06:33)
【系统环境|windows】pyinstaller打包结果瘦身(2020-11-08 06:33)
【系统环境|windows】前台面试每日 3+1 —— 第518天(2020-11-08 06:33)
手机二维码手机访问领取大礼包
返回顶部