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

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

废话很少说，如今开始写关于css 规范的一些内容，首先css规范有：css文件命名，标签css命名，css顺序

1、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/）

2、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变量命名是用“_”)

3、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等)