前端之CSS调试与CSS风格

  • Post author:
  • Post category:其他




CSS调试



起因

结果和目的不一样。



bug?

运行时与预期不符都是bug。



debug

解决bug。

网页链接:

网页开发者工具保存调试过程的修改

在这里插入图片描述



验证


CSS Validator



CSS规范

1.保持统一

  • 全部属性都放在同一行
  • 或每个属性占一行

2.写注释

  • 方便寻找,甚至可以用搜索寻找。如注释以 || 开头,搜索时,一次可以跳跃一整个部分。

    3.css文件内可以分部分。
  • 第一部分可以是通用样式
  • 第二部分写类的样式
  • 另一种是按部分写:布局,导航栏,正文,侧边栏等。

4.避免使用太指定的选择器,可以根据功能改成类。(本人现在的常犯错误)

下一节:

前端之字体与文本



版权声明:本文为weixin_46372074原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。