css命名规范

一、命名规则说明： - TOP 1）所有的命名最好都小写 2）属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）空元素要有结束的tag或于开始的tag后加上"/" 5）表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 6）<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 7）给每一个表格和表单加上一个唯一的、结构标记id 8）给图片加上alt标签 9）尽量使用英文命名原则 10）尽量不缩写，除非一看就明白的单词 DIVCSS5给大家介绍常见CSS命名和 DIV CSS 命名方法。 二、相对网页外层重要部分CSS样式命名： - TOP 外套 wrap ------------------用于最外层 头部 header ----------------用于头部 主要内容 main ------------用于主体内容（中部） 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 导航条 nav -----------------网页菜单导航条 内容 content --------------

一、命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值如class="class1",id="id1" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 6）、<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 7）、给每一个表格和表单加上一个唯一的、结构标记id 8）、给图片加上alt标签 9）、尽量使用英文命名原则 10）、尽量不缩写，除非一看就明白的单词 二、相对网页外层重要部分CSS样式命名： 外套 wrap ------------------用于最外层 头部 header ----------------用于头部 主要内容 main ------------用于主体内容（中部） 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 导航条 nav -----------------网页菜单导航条 内容 content ---------------用于网页中部主体 底部 footer -----------------用于底部 三

CSS命名规范： 1、必须使用英文开头，并且开头字母一律小写； 2、所有的命名最好都小写； 3、尽量不要用英文缩写，除非可以一目了然的，例如student缩写成st（X）information可以缩写成info 4、如果遇到相差不大的class或者id，主功能识别字母在前，位置识别字母在后，位置识别字母第一个可大写（如：navTop，menuLeft） 5、遵循驼峰命名法：第一个单词的首字母小写，其余每一个有意义的单词的首字母大写（如：studentInfo、getElementById） 命名举例： 项目文件夹命名规范： 来源： https://www.cnblogs.com/youknowUL/p/11396474.html

###不能用什么命名? 不能中文命名 不能中英混合 不能直接使用css属性 不能单独直接使用html命名 ##命名规则 驼峰式命名:第一个单词首字母小写;第二个单词首字母大写 例如 xiaoYiFei 下划线命名 xiao_ yi_ fei 连接符 xiao-yi-fei 不能用什么命名？ 1：不能中文命名 2：不能中英混合 3: 不能直接使用css属性明敏 4： 不能单独切直接使用html命名 命名规则- 驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写 例如 ： xiaoYiFei 下划线命名 xiao_yi_fei 连接符明明哥 xiao-yi-fei 1: 命名可以按照页面结构；分割结构进行命名 2：可以按照页面中内容进行命名； 3：命名规范汇总 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值 - 如class=“divcss5”,id=“divcss5” 3）、每个标签都要有开始和结束，且要有正确的层次，排 - 版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，代码中不涉及任何的表现元 - 素，如style、font、bgColor、border等 6）、 到 的定义，应遵循从大到小的原则，体现文 - 档的结构，并有利于搜索引擎的查询。 7）、给每一个表格和表单加上一个唯一的

为什么引入CSS Modules 或者可以这么说，CSS Modules为我们解决了什么痛点。针对以往我写网页样式的经验，具体来说可以归纳为以下几点： 全局样式冲突 过程是这样的：你现在有两个模块，分别为A、B,你可能会单独针对这两个模块编写自己的样式，例如a.css、b.css，看一下代码 // A.js import './a.css' const html = '<h1 class="text">module A</h1>' // B.js import './b.css' const html = '<h1 class="text">module B</h1>' 下面是样式： /* a.css */ .text { color: red; } /* b.css */ .text { color: blue; } 导入到入口APP中 // App.js import A from './A.js' import B from './B.js' element.innerTHML = 'xxx' 由于样式是统一加载到入口中，因此实际上的样式合在一起（这里暂定为mix.css）显示顺序为： /* mix.css */ /* a.css */ .text { color: red; } /* b.css */ .text { color: blue; }

不能用什么命名？ 1：不能中文命名 2：不能中英混合 3: 不能直接使用css属性明敏 4： 不能单独切直接使用html命名 命名规则- 驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写 例如 ： xiaoYiFei 下划线命名 xiao_yi_fei 连接符命名 xiao-yi-fei 1: 命名可以按照页面结构；分割结构进行命名 2：可以按照页面中内容进行命名； 3：命名规范汇总 1）、所有的命名最好都小写 2）、属性的值一定要用双引号("")括起来，且一定要有值 - 如class=“divcss5”,id=“divcss5” 3）、每个标签都要有开始和结束，且要有正确的层次，排 - 版有规律工整 4）、空元素要有结束的tag或于开始的tag后加上"/" 5）、表现与结构完全分离，代码中不涉及任何的表现元 - 素，如style、font、bgColor、border等 6）、 到 的定义，应遵循从大到小的原则，体现文 - 档的结构，并有利于搜索引擎的查询。 7）、给每一个表格和表单加上一个唯一的、结构标记id 8）、给图片加上alt标签 9）、尽量使用英文命名原则 10）、尽量不缩写，除非一看就明白的单词 外套 wrap ------------------用于最外层 头部 header ----------------用于头部 主要内容 main ----------