css命名规范 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

css命名规范

CSS 命名规范页面外围控制整体布局宽度：wrapper 页头：header 页面主体：main 内容：content 页脚：footer 导航：nav 主导航：mainbav 子导航：subnav

1.4K1 0

CSS — BEM 命名规范

前言：最近团队要考虑代码风格统一 1 什么是 BEM 命名规范 Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论...在 css 定义时，也必须依靠层级选择器来限定约束作用域，以避免跨组件的样式污染。...，模块层级关系简单清晰，而且 css 书写上也不必作过多的层级选择。...important; } 2.2 在 CSS 预处理器中使用 BEM 格式 BEM 的一个槽点是，命名方式长而难看，书写不雅。相比 BEM 格式带来的便利来说，我们应客观看待。...组件级作用域的编译实现，其基本原理均为利用 CSS 属性选择器特性，为不同的组件生成不同的属性选择器。

3.6K3 1

您找到你想要的搜索结果了吗？

是的

没有找到

css规范化命名

好吧，我的代码虽然实现了和设计一样的界面，但是还是太臭了，类的命名都是特别的差劲。。找了命名规范，，拿来共享一下，警告自己，，代码不仅要实现功能，更要优美，华丽。。...7：写代码就要写出规范的代码，让别人看得舒服，自己用得也舒服。反复省视代码，看能否更精简。...CSS命名规范（规则）常用的CSS命名规则头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度...五、CSS样式表文件命名主要的 master.css 模块 module.css 基本共用 base.css 布局、版面 layout.css 主题 themes.css 专栏 columns.css...文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css

1.4K1 0

前端开发规范之命名规范、html规范、css规范、js规范

---- 命名驼峰式命名法介绍 Pascal Case 大驼峰式命名法：首字母大写。...命名方式：小驼峰式命名方法命名规范：类型+对象描述的方式，如果没有明确的类型，就可以使前缀为名词类型小写字母 array a boolean b function fn...:全部大写命名规范：使用大写字母和下划线来组合命名，下划线用以分割单词推荐： var MAX_COUNT = 10; var URL = 'http://www.baidu.com'; ---- 类的成员...脚本加载说到js和css的位置，大家应该都知道js放在下面，css放在上面。...规范 id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称。

7.9K1 0

Html5+CSS3命名规范（前端web开发命名规范，符合SEO规范）

任何代码编程都有各自特点的常用命名规范，div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展，也有利于让别人读懂你的css代码，让你的页面显得清晰有条理。 ?...css文件名命名规范模块：module.css 基本共用：base.css 布局、版面：layout.css 主题：themes.css 专栏：columns.css 文字：font.css 表单：forms.css...补丁：mend.css 打印：print.css 页面结构元素div命名规范头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column....bottom {float:bottom;} 标题栏样式命名-使用“类别+功能”的方式命名 .barnews { } .barproduct { } 注释书写规范 1.行间注释-直接写于属性值后面，如...大家在日常的页面设计中要逐步养成规范命名的好习惯。

2.3K1 0

CSS英文命名规范整理及参考

我们在对网页进行布局时，比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。...规范使用CSS命名规则，可以改善优化功效，特别是在团队合作的时候可以有效提高开发效率。...文件命名 master.css,style.css 主要的 module.css 模块 base.css 基本共用 layout.css 布局，版面 themes.css 主题 columns.css...专栏 font.css 文字、字体 forms.css 表单 mend.css 补丁 print.css 打印三、注释的写法 /*Footer */ 内容区 /* End Footer *.../ 四、类class的书写规范示例 // 1 、颜色：使用颜色的名称或者16进制代码，如 .red { color：red；} .f60 { color：#f60；} .ff8600 { color：#

2.1K3 0

团队合作时CSS的命名规范

常用的css命名规则：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper...service 注册：register 状态：status 投票：vote 合作伙伴：partner 注释的写法： /* Footer / 内容区 / End Footer */ id的命名...9pt; } (3)对齐样式使用对齐目标的英文名称,如 .left { float:left; } .bottom { float:bottom; } (4)标题栏样式使用”类别+功能”的方式命名...主要的 master.css 模块 module.css 基本共用 base.css 布局，版面 layout.css 主题 themes.css 专栏 columns.css 文字 font.css...表单 forms.css 补丁 mend.css 打印 print.css

1.4K1 0

HTML5+CSS3命名规范

前言任何代码编程都有各自特点的常用命名规范，div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展，也有利于让别人读懂你的css代码，让你的页面显得清晰有条理。...css文件名命名规范模块：module.css 基本共用：base.css 布局、版面：layout.css 主题：themes.css 专栏：columns.css 文字：font.css 表单：forms.css...补丁：mend.css 打印：print.css 页面结构元素div命名规范头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column...”作为名称 .font12px {font-size: 12px;} .font9pt {font-size: 9pt;} 对齐样式命名-使用对齐目标的英文名称 .left {float:left;}....bottom {float:bottom;} 标题栏样式命名-使用“类别+功能”的方式命名 .barnews { } .barproduct { } 注释书写规范行间注释-直接写于属性值后面，如：

1.2K2 0

【说站】css中有哪些命名规范

css中有哪些命名规范 1、小写字母加连字符(又称烤串命名法)，禁止下划线和驼峰命名。 2、布局：以g命名空间。 3、状态：以s为命名空间。表示动态、交互状态。 4、工具：以u为命名空间。...5、组件：以m为命名空间。表示可重用、移植的组件模块。...} .modExample { padding-left: 15px; } /* good */ .mod-example { padding-left: 15px; } 以上就是css...中的命名规范，希望对大家有所帮助。...更多css学习指路：css教程

1.1K4 0

CSS命名规范之BEM-源自Yandex的CSS命名方法论

BEM即块(Block)、元素(Element)、修饰符(modifier)，是由著名的俄罗斯搜索引擎团队Yandex提出的一种前端命名方法论。...BEM命名约定更加严格，而且包含更多的信息，一般用于团队开发一个耗时的大项目中。...我们常见的BEM命名方式一般都是经过改良的，本文介绍的是Nicolas Gallagher（Twitter前端工程师）的改进版。...-- 女性的右手 --> 上面的代码使用了常规CSS来表示，各个class都是有意义的，但是他们之间却是脱节的...使用BEM我们可以获得更多的描述和更加清晰的结构，并且通过命名我们就可以知道元素之间的关联。代码如下：命名 --> <!

1.4K1 0

常用前端CSS命名规范随手记整理

我们一般在做前端设计网站框架的时候，DIV或者CSS标签名称有没有一个固定的标准？有些朋友是想到哪里写到哪里，有些朋友有自己的规范命名特征，也有些朋友是遵循标准的。...因为在团队协作的时候，有规范的标准是很重要的，便于协作和阅读。今天老蒋突然想到这个问题，主要在于在修改页面的时候，看到有客户的CSS标签名称太过于随意。...所以，包括自己和其他同事朋友协作的时候一定要规范，好歹看着也像专业一些的。这里收集和整理一些规范的CSS命名规范标准，记录下来。...名称命名 CSS文件命名说明 master.css,style.css 主要的 module.css 模块 base.css 基本共用 layout.css 布局，版面 themes.css 主题 columns.css...本文出处：老蒋部落 » 常用前端CSS命名规范随手记整理 | 欢迎分享

1.3K2 0

使用BEM命名规范来组织CSS代码

BEM 是 Block（块） Element（元素） Modifier（修饰器）的简称使用BEM规范来命名CSS，组织HTML中选择器的结构，利于CSS代码的维护，使得代码结构更清晰（弊端主要是名字会稍长...，可以复用而不依赖其它组件的部分，可作为一个块（Block）属于块的某部分，可作为一个元素（Element）用于修饰块或元素，体现出外形行为状态等特征的，可作为一个修饰器（Modifier）在本规范中... 在样式文件中，仅以类名作为选择器，不使用ID或标签名来约束选择器，且CSS...（或者SCSS编译后的CSS）中的选择器嵌套不超过2层，增加效率和复用性，减少选择器之间的耦合度比较常见的嵌套情景：需要通过块状态对内部元素进行调整时 .search-form { position...可转换成设置对应的元素来表现，如 */ .search-form {} .my-img { &__search-form-logo {} } BEM 规范虽然结构比较清晰，但有时候会产生代码冗余

1.4K6 1

第64天：CSS常用命名规范，有用！

CSS常用命名，必须记住一、常用命名标题：title 摘要：summary 箭头：arrow 商标：label 网站标志：logo 转角/圆角：corner 横幅广告：banner 子菜单：subMenu...指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright 五、看一些class命名...font9pt{font-size:9pt} 3、对齐样式，使用对齐目标的英文名称，如： .left{float:left} .bottom{float:bottom} 4、标题栏样式，使用类别+功能的方式命名

1.6K3 0

命名规范

---- 1. java 由字母、数字、下划线、$符号组成不能以数字开头名称不能使用JAVA中的关键字坚决不允许出现中文及拼音命名类名，接口名--大写驼峰变量名，方法名--小写驼峰项目名，包名...数据库由英文、数字、下划线组成多个单词用下划线分割不能出现关键字全部小写命名表名--要有库名前缀，并且单数字段名--不能重复表的名称 3....URL设计小写字母和连字符 4. git提交规范 feat: 表达你完成了一个功能 fix: 表达你修复了一个bug docs: 书写一些文档 style: 修改了一些代码风格的东西，这些修改并不影响真正的代码运行

2.2K1 0

如何使用CSS命名规范提高您的编码效率

开发者通常会忽视一个基本的部分，那就是实施CSS命名规范，有些人会在调试和管理庞大的代码库时才意识到糟糕的CSS代码有多可怕。...通过阅读本文，读者应该清楚地了解CSS命名规范及其好处，并熟悉不同的样式命名约定。...遵循命名规范：在工作流程中采用CSS命名规范，以帮助创建结构化和描述性的类名。分离结构和呈现：在组织CSS时，将与元素的布局和定位相关的样式与覆盖其呈现的其他样式（如颜色、字体、边框等）分开。...在进行中的项目中实施命名约定的策略教育和培训：实施命名规范的第一步是研究所选择的命名规范、其使用方法和应用。...定期代码审查：随着命名流程的采用，有必要定期审查代码，以确保命名规范被简明一致地应用。记录命名规范：应该在代码库中添加一个样式指南，说明命名规范的类型、规则和应用示例。

1.4K3 0

变量命名规范

一、驼峰命名法： ①全部小写：变量名中的每一个逻辑断点/每个单词都用下划线隔开。比如：print_employee_paychecks()； ②大小写混合： 1）小驼峰法：变量一般用小驼峰法标识。...）：常用于类名，函数名，属性，命名空间。...例如：DataBaseUser 二、匈牙利命名法：基本原则是：变量名=类型+对象描述。...匈牙利命名法关键是：标识符的名字以一个或者多个小写字母开头作为前缀；前缀之后的是首字母大写的一个单词或多个单词组合，该单词要指明变量的用途。...匈牙利命名法通过在变量名前面加上相应的小写字母的符号标识作为前缀，标识出变量的作用域，类型等。这些符号可以多个同时使用，顺序是先m_（成员变量），再指针，再简单数据类型，再其他。

2.9K1 0

Java命名规范

Java命名规范定义规范的目的是为了使项目的代码样式统一，使程序有良好的可读性。包的命名　（全部小写，由域名定义） Java包的名字都是由小写单词组成。...但是由于Java面向对象编程的特性，每一名Java程序员都可以编写属于自己的Java包，为了保障每个Java包命名的唯一性，在最新的Java编程规范中，要求程序员在自己定义的包的名称之前加上唯一的前缀...例如：MAX_VALUE 参数的命名参数的命名规范和方法的命名规范相同，而且为了避免阅读程序时造成迷惑，请在尽量保证参数名称为一个单词的情况下使参数的命名尽可能明确。...Javadoc注释 Java除了可以采用我们常见的注释方式之外，Java语言规范还定义了一种特殊的注释，也就是我们所说的Javadoc注释，它是用来记录我们代码中的API的。...变量和常量命名变量的命名主要的的命名规范有以下三种： Camel 标记法:首字母是小写的,接下来的单词都以大写字母开头 Pascal 标记法:首字母是大写的,接下来的单词都以大写字母开头

4.6K11 0

Android命名规范

废话不多说，直接开始规范Android代码命名：可以提高开发效率和维护效率（提高代码可读性）；全局而言，命名时：不能以"_"或“$”开始，结束不能有英汉混合的情况（包括全中文） Android...需要命名的对象分为六个大类，如下：包，类，变量，方法，参数，资源具体如下： 1.包：小写、单词间连续无间隔、反域名法，其中一个为四级，如下例子相信前三级看得很清楚，下面来介绍一下四级包名（如下图...（详细如下图）；好了，相信看完应该对Android规范命名有所理解，如需高清图请滴滴博主，博主告辞。

7441 0

Java命名规范

所以本文中是笔者结合阿里巴巴开发规范，以及工作中的见闻针对Java领域相关命名进行整理和总结，仅供参考。...[一，Java中的命名规范] 好的命名能体现出代码的特征，含义或者是用途，让阅读者可以根据名称的含义快速厘清程序的脉络。...通常约定，类一般采用大驼峰命名，方法和局部变量使用小驼峰命名，而大写下划线命名通常是常量和枚举中使用。...变量名由多单词组成时，第一个单词的首字母小写，其后单词的首字母大写，俗称骆驼式命名法（也称驼峰命名法），如 computedValues，index、变量命名时，尽量简短且能清楚的表达变量的作用，命名体现具体的业务含义即可...合理清晰的命名能让代码易于理解，对于逻辑简单且命名规范，能够清楚表达代码功能的代码不需要注解。滥用注解会增加额外的负担，更何况大部分都是废话。

2.2K3 1

Python命名规范

模块与包的规范同。如mymodule。类总是使用首字母大写单词串。如MyClass。内部类可以使用额外的前导下划线。函数&方法函数名应该为小写，可以用下划线风格单词以增加可读性。...全局变量对于from M import *导入语句，如果想阻止导入模块内的全局变量可以使用旧有的规范，在全局变量上加一个前导的下划线。...缩写命名应当尽量使用全拼写的单词，缩写的情况有如下两种： 1.常用的缩写，如XML、ID等，在命名时也应只大写首字母，如XmlParser。 2.命名中含有长单词，对某个单词进行缩写。...特定命名方式主要是指 __xxx__ 形式的系统保留字命名法。项目中也可以使用这种命名，它的意义在于这种形式的变量是只读的，这种形式的类成员函数尽量不要重载。...附:Google Python命名规范 module_name, package_name, ClassName, method_name, ExceptionName, function_name,

3.7K1 1

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭