虽然对很多开发人员来讲，css代码看起来很简单，但其代码风格也是值得我们注意的。 经常编写CSS的开发人员其代码能力相对其他岗位比如后端、框架开发等相对要弱一些，所以更要加强编程规范的学习。 比如，css表达尺寸单位有很多写法，可以写成px、rem、百分比、vh等等。 在同一个项目中，我们应当尽量保持单位的一致性。 举一个团队新人真实发生的案例：
#img-con {
width: 17%;
height: 3rem;
border-radius: 250px;
overflow: hidden;
}我们看到这短短几行代码有如下问题： （1）id命名中 con 为不规范缩写，即使熟悉项目依然不知道这是个什么东西。 （2）height和border-radius采用了不同的单位。假如需求是圆形按钮，或者有半圆形，那这种写法在不同的屏幕下显然更容易出现问题。 （3）width赋值17%，有经验的开发人员猛地看一眼应该会感到很别扭。为啥呢？因为这个比例很怪异。有经验的前端工程师一般采用栅格比例，或者在合理的组件化分割后自定义。无论那种方式，都不太容易17%这样的宽度比例。