Question

书写高效css文件时会有哪些问题需要考虑

Answer 1

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等等，这样精简代码同时又能提高用户的阅读体验。

简写命名

很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！

16进制颜色代码缩写

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

Answer 2

布局遵循从全局到局部，从左到右，从上到下
Class、Id命名尽量简短且通俗易懂
提取公共样式，提高代码复用率
开始要Css样式初始化
大项目可以考虑三层架构