189 8069 5689
这篇文章主要介绍“CSS分类式命名法是什么”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS分类式命名法是什么”文章能帮助大家解决问题。
创新新互联，凭借十多年的成都网站建设、网站制作经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有超过千家案例。做网站建设，选成都创新互联公司。
分类式定名法(在前端组件化下很是需要)
机关（grid）（.g-）：将页面豆割为几个大块，一般有头部、主体、主栏、侧栏、尾部等！
模块（module）（.m-）：一般为一个语义化的可以反复运用的较大的集团！比如导航、登录、注册等
元件（unit）（.u-）：一般是一个不可再分的较为玲珑的个体，一般被频频用于各类模块中！譬如按钮、输 入框、loading等！
死守（function）（.f-）：为方便一些经常应用技俩的运用，我们将这些使用率较高的名目剥离出来，按需运用，通常这些决意器存在静止名堂显示，比方清除浮动等！弗成滥用！
状态（.z-）：为状态类格局参预前缀，抗衡标识，方便识别，她只能组合使用或作为后辈涌现（.u-ipt.z-dis{}，.m-list li.z-sel{}）
javascript(.j-)：.j-将被专用于JS失去节点，请勿运用.j-界说花式
不要运用 " _ " 下划线来定名css
能良好的甄别javascript变量名
输入的时分少按一个shift键
涉猎器兼容性标题（比喻运用_tips的决意器定名，在IE6是无效的）
id采取驼峰式命名(不要乱用id)
scss中的变量、函数、异化、placeholder采纳驼峰式命名
相反语义的差别类定名法子：
直接加数字或字母甄别就可（如：.m-list、.m-list2、.m-list3等，凡是列表模块，然则是纯粹纷歧样的模块）。别的举例：.f-fw0、.f-fw1、.s-fc0、.s-fc1、.m-logo2、.m-logo3、u-btn、u-btn2等等。
定名方式(BEM)：类-体（例：g-head）、类-体-润饰符（例：u-btn-active）
儿女决意器：体-润色符就可（例：.m-page .cut{}）注：尊长决议器不要在页面组织中运用，由于污染的或是性较大；
css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
关于“CSS分类式命名法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。