依照目的,不断地,将大块拆分成小块,这样结构会更清晰。 比如,navbar可以分成menu, toggler和form。
依照使用的代码编辑器,选择一个较好的CSS格式化插件。比如, shorturl.at/dnoN5
复制以下注释,在注释下添加对应声明:
/* Positioning 声明 */
/* Box-model 声明 */
/* Typography声明*/
/* Visual 声明*/
/* 其他声明*/
依照使用的代码编辑器,选择一个CSS自动添加前缀的插件;比如,shorturl.at/ciwBE。
-
尽量不使用简写,来避免重复的声明可能造成的问题。
-
同时使用自动完成,来节省时间。
直接放在单个CSS模块后面,这样结构会更清晰。比如,nav模块的Media Query紧跟着nav模块。
添加语境,或者描述目的。
描述目标,并使用公司已有的常用词汇。
为了避免重复定义:
-
尽量使用class。
-
并且考虑是否可以,让一个样式对应唯一一个class(一对一的关系)。
根据项目实际情况,对规则做出适当调整。