推荐的CSS书写顺序、规范

下午好 ,欢迎观看济南app开发山东文汇的官网, 昨天给大家分享了CSS 优化、提高性能的方法,今天给大家分享一下css书写顺序和规范。

写了那么长时间的代码,也看了不少教程。在某篇教程中得知css也是有书写顺序的。

css书写顺序:

  1. 位置属性 (position, top, right, z-index, display, float等)  

  2. 大小 (width, height, padding, margin)  

  3. 文字系列 (font, line-height, letter-spacing, color- text-align等)  

  4. 背景 (background, border等)

  5. 其他 (animation, transition等)


遵循一些书写规范和顺序来的话,一来会让自己的思路很清晰,二来修改的时候很明确,不容易被冗余的样式影响。

css书写规范:

CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。

精简代码,去掉小数点前的“0”

简写命名,很多朋友都喜欢简写类名,但前提是要让人看懂你的简写

16进制颜色代码缩写,有些颜色代码是可以缩写的,我们就尽量缩写吧,提高用户体验为主。

分享完毕,欢迎继续关注山东文汇软件

关键词:
返回列表

相关文章

相关案例