如果没有定义良好的方法,CSS很难维护和扩展。这里有5种CSS开发方法和风格指南,可以提供帮助。
1.SMACSS
SMACSS代表CSS的可扩展和模块化架构.这种CSS开发方法背后的核心思想是最小化选择器的深度,以保持它们的模块化,并降低对HTML结构的依赖。在SMACSS中,有五个样式规则类别:基地,布局,模块,状态,主题.
2.CSS的指导方针
CSS指南是编写可维护CSS的全面指南。它有一些规则,比如将样式表行限制在80个字符以内,使用软制表符等于4个空格,等等。
3.允许
允许代表面向对象的CSS.这种方法的核心部分是CSS对象定义为“一种重复的视觉模式,可以抽象为HTML、CSS,可能还有JavaScript的独立片段。”1
4.本
本代表块元素,修饰符.在这个前端开发方法中,a块是一个分立的组件,或一个“构件”。一个元素是块的一部分;例如,搜索表单块有两个元素:(1)文本输入框和(2)按钮。一个修饰符在视觉上或行为上改变块或元素的属性。每个块都有一个唯一的的名字(一个CSS类)。
5.惯用的CSS
编写原则一致,习惯的CSS-或简称为惯用CSS -是一个CSS开发风格指南。它包括代码格式化、样式表注释等方面的指导原则。这个风格指南背后的核心原则是保持源代码CSS的一致性和可读性。