前几天古尘师姐交给我写了几个静态页面，发现自己很多前面的东西都忘了，这里总结一波= =

类名编写

1. 用单词串联，中间用 - 隔开，最多不能超过四个单词，如：.offline-why-reason-sprite1这样就是极限了
2. 类名全部使用英文或者缩写，不要使用组合单词如personid，jobname这样的，不便于理解

选择器编写

1. 最好是全部使用类选择器，
2. 如果是要选中一个单独的元素或者两个元素，类选择器后可以使用元素选择器如： 
   .offline-why-reason h4{ 
margin-bottom: 20px; 
font-size: 18px; 
font-weight: bold; 
line-height: 66px; 
text-align: center; 
} 
   这样的情况可以使用，这个类下只有一个h4（也不太可能加多个h4），给它设置样式，没有问题…

页面样式

1. md宽度以上按着ui来，md一下4、6、12，或者6、12
2. 公共样式尽量抽出来，个别能用public里的尽量用public里的样式
3. 改bootstrap的样式用高权重的样式覆盖掉（老生常谈….）

总结

        项目中的代码比自己品势写demo稍微麻烦一点 
        类名比较长，很多地方重复的地方要整合样式，其余不一样的地方要用单独的样式加一个类上去，而不是像原来一样一个取一个类名，例如：这里，整体样式是一样的，但是字体颜色大小背景颜色不太一样，就需要自己单独加类名上去，单独再加类名上去会很麻烦。 
       如何在文件或者页面中找到自己想要的文件：1.文件：在路由器中找到文件名，然后去路径里找地址，2.页面：在页面中又多次嵌套时，可以再F12→network中刷新一下看看加载了那些html，对应着找就能找到了