CSS样式规范
这篇文章起源于和同事讨论什么时候写行内样式?什么时候单独定义一个class?的问题
比如修改别人的代码的时候:同事代码定义了class,有字体颜色,大小,对齐方式等属性;我在修改的时候,只想用到定义的class中的一个字体颜色。所以问题来了,写一个行内样式还是单独写一个class,这个class之后字体颜色这一个样式。是不是过于繁琐了。
咨询了很多人,主要有以下几种观点:
-
行内样式和内部样式没啥区别,想怎么写就怎么写。我的代码我做主!但是这也就造成了后续的维护问题,不同人维护看起来很麻烦;
-
自己的代码肯定都写class的,别人的简单就写行内样式;
-
内联样式在大厂里面代码直接不合格。
最终讨论的结果就是,即使定义一个属性,也要写class,方便后续维护开发。同时也遵守大厂开发规范
基于上面的问题找了一些资料,终于清晰了一个问题。
关于css样式的说法,你是否听说过下面几种说法:
-
行内样式、内联样式、内联式、内联---直接在html标签写一个style
-
内部样式、内部class样式、style样式---给一个class,在内部head里面写style定义样式
-
外部样式、外部引用样式---在html文件里面中的head使用link的方式引入
但是哪些才是规范的名称呢?
内联式(Inline)、引用式(Link)、嵌入式(Embedding)才是规范的叫法。只不过现在培训班视频里面很少这样叫的。
平时说的行内样式、外部样式、内部样式只是为了方便吧,也有可能是培训班视频里面就这样叫的,自学或者培训出来的都是这样子叫的。
最最终的结论就是:装x可以叫内联式、嵌入式、引用式。同事之间交流可以说内联样式、内部样式、外部样式
上面的文章只是自己的观点和看法,各位观众老爷有不同的观点,欢迎在下面讨论。加油,让自己变成不仅仅是会写代码,而是会写会说更规范的代码,让别人觉得你专业