前端开发人员要注意的css规范，css命名。

刚工作的时候也没注意关于css的规则，根据自己的心情想怎么用就怎么用，完成工作就好不会考虑代码的可读性，加载的性能，现在身为前端的一员就要有程序员的自我修养(嘿嘿，是不是很有责任感啊)。

废话不多说，现在开始写关于css 规范的一些内容，首先css规范有：css文件命名，标签css命名，css顺序

一、css文件命名

　　1.在同一个项目中，做好建立一个专门写css的文件，里面有公共的文件，把初始化的内容写在里面，还有开发过程中大家经常用到的样式（在开发过程慢慢添加），最好都写在公共样式，保证项目样式的统一性，增大我们开发的速度。比如：清楚浮动，常用的轮播图样式，卡片布局样式，列表布局样式等等

　　2.css文件命名用字母、‘_’、'-'、数字组成，必须以字母开头，不能为纯数字。

　　3.文件的命名最好与模块的名称相同，这样开发过程大家看到这个文件夹就知道是哪里用的，最好用简单英文大家都知道的单词命名（显得高大上，哈哈），真不行就拼音（不推荐）

　　4.给大家一些粘贴一些常用文件名：主要 master.css, style.css, main.css  、基本共用 base.css 、布局 layout.css 、专栏 columns.css 、文字 font.css 、打印 print.css 、主题 themes.css 、附加 attach.css 、模块 module.css 、表单 forms.css 、页头：header 、登录条：loginbar、标志：logo 、侧栏：sidebar 、广告：banner 、导航：nav、搜索：search 、热点：hot 、新闻：news 、下载：download 、注册：regsiter 等等，一般情况都是百度翻译（https://fanyi.baidu.com/?aldtype=16047#en/zh/）

二、css样式命名规范

　　1.一定不要感觉省事在CSS中使用”*”选择符

2.一般不要在CSS中使用!important

　　3.不要轻易改动全站级CSS和通用CSS库。改动后，要经过全面测试。

　　4.尽量使用CSS缩写属性，padding左右上下就用padding: 10px 12px 16px 18px,代码简介

　　5.尽量使用父级继承，比如，页面中16号字体很多或者 颜色大部分是#666，就在页面最外层设置字体和颜色，一是少写代码二是css的简介性。

　　6.常用到的布局尽量写在外面，用一个公共命名的写在外面，比如下面小图标可以写一个公共样式，大小，距离字体的距离，颜色可以写成红色，在写一个类名，颜色是绿色把之前红色覆盖掉，类似如此内容。

　　

　　7.遇到小数的时候一般去掉小数点前的“0”。

　　8.有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。如#333333写成#333

　　9.长名称或词组可以使用中横线来为选择器命名。这样写输入的时候少按一个shift键; 浏览器兼容问题 (比如使用_tips的选择器命名，在IE6是无效的) 能良好区分JavaScript变量命名(JS变量命名是用“_”)

三、css书写顺序

　　1.位置属性(position, top, right, z-index, display, float等)

　　2.大小(width, height, padding, margin)

　　3.文字系列(font, line-height, letter-spacing, color, text-align等)

　　4.背景(background, border等)

　　5.其他(animation, transition等)