首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

css命名约定讨论(jqueryui)

关于CSS命名约定的讨论,这是一个很有争议的话题,因为每个开发者都有自己的命名习惯和喜好。然而,在团队合作和项目维护中,保持一致的命名约定是非常重要的。以下是一些建议和最佳实践:

  1. 使用有意义的命名:选择能够清楚地描述元素样式的名称,避免使用模糊或不恰当的名称。
  2. 使用BEM(Block-Element-Modifier)命名约定:BEM是一种流行的CSS命名约定,它使用双下划线(__)和双破折号(--)来区分不同的元素和修饰符。例如:
代码语言:txt
复制
.block__element--modifier {
  /* styles */
}
  1. 使用驼峰命名法(camelCase):驼峰命名法是一种将单词连在一起,并将每个单词的首字母大写的命名方式。例如:
代码语言:txt
复制
.myClassName {
  /* styles */
}
  1. 使用连字符命名法(kebab-case):连字符命名法是一种将单词连在一起,并用破折号(-)分隔的命名方式。例如:
代码语言:txt
复制
.my-class-name {
  /* styles */
}
  1. 遵循一致的命名规则:在整个项目中,保持一致的命名规则和风格是非常重要的。这可以通过使用CSS预处理器(如Sass或Less)来实现。
  2. 使用腾讯云的Cloud Studio:腾讯云的Cloud Studio是一个集成开发环境,可以帮助开发者更轻松地编写和维护代码。它包括代码编辑器、调试工具、版本控制和自动化构建等功能,可以帮助开发者更高效地进行开发和协作。

总之,在CSS命名约定方面,最重要的是保持一致性和可读性。选择一种适合您的团队和项目的命名约定,并确保在整个项目中保持一致。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Java 命名约定

原文 - Java Naming Conventions - By Lokesh Gupta Java 命名约定体提一种指导规范,在应用开发的过程中,程序开发者遵守这些指导规范来产出一致且易读的代码...Java 中广泛使用驼峰规则来命名方法,变量等,并使用首字母大写命名类和接口。 下面,我们用案例来说明这些命名规则。 1....常量命名约定 Java 常量应该是全大写的字符,多个字符之间使用 _ 字符来连接。 请确保在常量中使用 final 修饰符。...泛型命名约定 泛型参数名应该是单个大写的字符。推荐使用 T 字母。在 JDK 类中,字母 E 通常用于作为集合类中,字母 S 通常用于服务加载类中,字母 K 和 V 通常用于映射类中的键和值的类型。...Deprecated {} public @interface Documented {} public @Async Documented {} public @Test Documented {} 本文,我们讨论了在编写一致性代码需要遵循的

29630

Vue组件的Prop命名约定

在编程中,有两个极具挑战性的任务:缓存失效和命名事物。今天,我们将深入探讨后者,探索为Vue组件命名props的艺术。 在给 props 命名时,遵循已有的变量命名惯例是非常重要的。...例如,使用小驼峰命名法(isEnabled)并保持名称简短(不超过30个字符)。 然而,Vue有自己的一套最佳实践,我们应该遵循。让我们根据我在使用Vue的经验谈谈一些技巧。...描述性命名 Props 应该描述组件本身,侧重于它的功能而不是为什么要这样做。避免以当前用户或环境命名 props。... 避免将 props 命名为子组件。...按照这些准则,我们可以为Vue应用程序建立一致且有意义的 prop 命名约定。周到的 prop 名称有助于提高代码的可读性和可维护性,使你和团队更容易有效地合作。

32630
  • Google C++ 编程风格指南(六):命名约定

    文件命名 文件名要全部小写, 可以包含下划线 (_) 或连字符 (-). 按项目约定来. 如果并没有项目约定,”_” 更好。...所有类型命名 —— 类, 结构体, 类型定义 (typedef), 枚举 —— 均使用相同约定....名字空间命名 名字空间用小写字母命名, 并基于项目名称和目录结构: google_awesome_project. 关于名字空间的讨论和如何命名, 参考 名字空间 一节. 6.8....或 class, 参照 pos 的形式 sparse_hash_map: STL 相似实体; 参照 STL 命名约定 LONGLONG_MAX: 常量, 如同 INT_MAX 译者(acgtyrant...)笔记 感觉 Google 的命名约定很高明,比如写了简单的类 QueryResult, 接着又可以直接定义一个变量 query_result, 区分度很好;再次,类内变量以下划线结尾,那么就可以直接传入同名的形参

    1.8K20

    CSS命名规范

    (一)常用的CSS命名规则   头:header   内容:content/container   尾:footer   导航:nav   侧栏:sidebar   栏目:column   页面外围控制整体布局宽度...regsiter   状态:status   投票:vote   合作伙伴:partner (二)注释的写法:   /* Footer */   内容区   /* End Footer */ (三)id的命名...  (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 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/119319

    1.6K20

    NEC CSS命名规则

    非换肤型网站不可滥用此类状态 .z-:为状态类样式加入前缀,统一标识,方便识别,她只能组合使用或作为后代出现(.u-ipt.z-dis{},.m-list li.z-sel{}) 布局 grid (.g-)语义命名简写文档...bodybd尾部footft主栏mainmn主栏子容器maincmnc侧栏sidesd侧栏子容器sidecsdc盒容器wrap/boxwrap/box模块 module (.m-), unit (.u-)语义命名简写导航...downloaddld注册registreg投票votevote版权copyrightcprt结果resultrst标题titlett按钮buttonbtn输入inputipt功能 function (.f-)语义命名简写浮动清除...verticalalignmiddlevam溢出隐藏overflowhiddenoh完全消失displaynonedn字体大小fontsizefs字体粗细fontweightfw皮肤 skin (.s-)语义命名简写字体颜色...backgroundbg背景颜色backgroundcolorbgc背景图片backgroundimagebgi背景定位backgroundpositionbgp边框颜色bordercolorbdc状态 .z-语义命名简写选中

    1.6K30

    CSS — BEM 命名规范

    前言: 最近团队要考虑代码风格统一 1 什么是 BEM 命名规范 Bem 是块(block)、元素(element)、修饰符(modifier)的简写,由 Yandex 团队提出的一种前端 CSS 命名方法论...__ 双下划线:双下划线用来连接块和块的子元素 _ 单下划线:单下划线用来描述一个块或者块的子元素的一种状态 BEM 是一个简单又非常有用的命名约定。...1.1 BEM 命名模式 BEM 命名约定的模式是: .block {} .block__element {} .block--modifier {} 每一个块(block)名应该有一个命名空间(...,模块层级关系简单清晰,而且 css 书写上也不必作过多的层级选择。...important; } 2.2 在 CSS 预处理器中使用 BEM 格式 BEM 的一个槽点是,命名方式长而难看,书写不雅。相比 BEM 格式带来的便利来说,我们应客观看待。

    2.9K31

    css规范化命名

    好吧,我的代码虽然实现了和设计一样的界面,但是还是太臭了,类的命名都是特别的差劲。。找了命名规范,,拿来共享一下,警告自己,,代码不仅要实现功能,更要优美,华丽。。...每次写之前写之后都想办法精简代码, 3:阅读的习惯是一眼能看完,整个结构和内容,上下太长则每一行多放一些,左右太长则分行, 4:命名上,要体现层级关系,例如  主层idcade,内层idcade-left...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

    88110

    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 { } 注释书写规范 行间注释-直接写于属性值后面,如:

    73720

    【说站】css module解决命名冲突

    css module解决命名冲突 css的类名冲突往往发生在大型项目中。 1、大型项目往往会使用构建工具搭建工程。 2、构建工具允许将css样式切分为更加精细的模块。...实现原理 在webpack中,作为处理css的css-loader,它实现了css module的思想,要启用css module,需要将css-loader的配置modules设置为true。...css-loader的实现方式如下: 原理极其简单,开启了css module后,css-loader会将样式中的类名进行转换,转换为一个唯一的hash值。...由于hash值是根据模块路径和类名生成的,因此,不同的css模块,哪怕具有相同的类名,转换后的hash值也不一样。 以上就是css module解决命名冲突的方法,希望对大家有所帮助。...更多css学习指路:css教程 本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    61930

    编写模块化CSS:命名空间

    上周,我分享了如何使用BEM创建一个合理的CSS架构。 虽然BEM很棒,但它只是解决方案的一部分。 还有另一部分我还没有提到 —— 命名空间。...这就是之所以引入命名空间。它可以帮助你创建一个结构来控制CSS属性的写入。 如果您遵循惯例,您将能够无惧副作用地编写CSS。 这里是一个示例。 假设我把上面的代码转换成一个带有命名空间的代码。...块级布局 每个块(对象或组件,我们将在后面讨论)可能有自己的布局。 通过个人经验,我发现这些布局通常独立于全局布局。 让我来举个栗子。...当您在CSS中设计状态类时,建议您尽可能保持样式接近所讨论的对象/组件。 例如: ? 如果您不用Sass,你可以用这种方式来书写CSS: ?...我必须立即知道是否可以安全地编辑一个类而不会影响其他任何其他CSS。 我必须立即知道每个class是适合于什么,以防止大脑过载。 总之,我总共使用了七个不同的命名空间。

    2.7K70

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

    我们在对网页进行布局时,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。...规范使用CSS命名规则,可以改善优化功效,特别是在团队合作的时候可以有效提高开发效率。...给每一个表格和表单加上一个唯一的、结构标记id 给图片加上alt标签 尽量使用英文命名原则 尽量不缩写,除非一看就明白的单词 二、页面布局(layout)命名参考 // 网页公共命名 wrapper...文件命名 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 *

    1.4K30

    下划线在命名中的约定(Underscores in Python)

    下划线在命名中的约定(Underscores in Python) 作者: quantgalaxy@outlook.com blog: https://blog.csdn.net/quant_galaxy...介绍 在各种python编码规范中,都对命名规则做了很详细的约定。 但是下划线和变量名称的组合,在python中都有特定的含义。...这些含义有些是一种认为约定,有些是python解释器严格执行的准则。 有必要掌握这些约定,来写出专业的代码。 2....and a Double Trailing Underscore): __variable__ 单下划线(Only Single Underscore): _ 后面我们就针对这5种和下划线组合相关的变量约定...除了变量以外,函数命名也是一样的规则。 所以这里它是由Python解释器强制执行的。 总结: 单前下划线在类成员命名中,约定是在类内部可见。实际访问是不受限制的。

    24340
    领券