5 CSS的标准化编写方法

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

如果没有定义良好的方法,CSS很难维护和扩展。这里有5种CSS开发方法和风格指南,可以提供帮助。

1.SMACSS

SMACSSSMACSS代表CSS的可扩展和模块化架构.这种CSS开发方法背后的核心思想是最小化选择器的深度,以保持它们的模块化,并降低对HTML结构的依赖。在SMACSS中,有五个样式规则类别:基地布局模块状态,主题

2.CSS的指导方针

CSS的指导方针CSS指南是编写可维护CSS的全面指南。它有一些规则,比如将样式表行限制在80个字符以内,使用软制表符等于4个空格,等等。

3.允许

允许允许代表面向对象的CSS.这种方法的核心部分是CSS对象定义为“一种重复的视觉模式,可以抽象为HTML、CSS,可能还有JavaScript的独立片段。”1

4.

本本代表块元素,修饰符.在这个前端开发方法中,a是一个分立的组件,或一个“构件”。一个元素是块的一部分;例如,搜索表单块有两个元素:(1)文本输入框和(2)按钮。一个修饰符在视觉上或行为上改变块或元素的属性。每个块都有一个唯一的的名字(一个CSS类)。

5.惯用的CSS

惯用的CSS编写原则一致,习惯的CSS-或简称为惯用CSS -是一个CSS开发风格指南。它包括代码格式化、样式表注释等方面的指导原则。这个风格指南背后的核心原则是保持源代码CSS的一致性和可读性。

引用

  1. 允许维基

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!