前端开发标准尽管没有一个彻底的一致标准，可是在每个团队中必定有自己的开发标准。如果是独自的个人，也需求具有一套属于自己的标准。

CSS文件的分类和引证次序

我们依照CSS的性质和用途，将CSS文件分红“公共型款式”、“特别型款式”、“皮肤型款式”，并以此次序引证（按需求决议是否增加版本号）。

CSS内部的分类及其次序

一致处理：建议在这个方位一致调用背景图（这儿指多个布局或模块或元件共用的图）和铲除起浮（这儿指通用性较高的布局、模块、元件内的铲除）等一致设置处理的款式！

模块（module）（.m-）：一般是一个语义化的能够重复运用的较大的全体！比方导航、登录、注册、各种列表、谈论、查找等！

功用（function）（.f-）：为便利一些常用款式的运用，我们将这些运用率较高的款式剥离出来，按需运用，一般这些选择器具有固定款式体现，比方铲除起浮等！不行乱用！

状况（.z-）：为状况类款式参加前缀，一致标识，便利辨认，她只能组合运用或作为子孙出现（.u-ipt.z-dis{}，.m-list li.z-sel{}），详细详见命名规矩的扩展相关项。

功用类和皮肤类款式为体现化的款式，请不要乱用！以上次序能够按需求恰当调整。

<p font-size:16px;background-color:#ffffff;"="" style="font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; text-align: start; white-space: normal; color: rgb(62, 62, 62);">

/* 重置 */div,p,ul,ol,li{margin:0;padding:0;}/* 默许 */strong,em{font-style:normal;font-weight:bold;}/* 一致调用背景图 */.m-logo a,.m-nav a,.m-nav em{background:url(images/sprite.png) no-repeat 9999px 9999px;}/* 一致铲除起浮 */.g-bdc:after,.m-dimg ul:after,.u-tab:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:'.';}.g-bdc,.m-dimg ul,.u-tab{zoom:1;}/* 布局 */.g-sd{float:left;width:300px;}/* 模块 */.m-logo{width:200px;height:50px;}/* 元件 */.u-btn{height:20px;border:1px solid #333;}/* 功用 */.f-tac{text-align:center;}/* 皮肤 */.s-fc,a.s-fc:hover{color:#fff;}

想要更深入学习的小伙伴可以加下我的前端学习交流群386250991，最新的免费学习资料，视频。欢迎各位的到来，觉得写的还可以的点下关注，欢迎大家转载文章！