`

Javascript中的CSS属性的命名约定

    博客分类:
  • web
阅读更多

一、在JavaScript中,连字符是减号,所以不能书写以下表达式:

    e.style.font-size = "24pt";   // 语法错误

应该使用 驼峰法 进行标示

    e.style.fontFamily = "sans-serif";

 

二、如果一个CSS属性(如float属性)在JavaScript中对应的名字是保留字时,在之前加上“css”前缀

    e.style.cssFloat = "left";

分享到:
评论

相关推荐

    详细讲解CSS规范化命名的三种通用命名规则.doc

    【CSS规范化命名】是编程实践中为了提高代码可读性、可维护性和团队协作效率而采用的一系列命名约定。本文详细讲解了三种通用的CSS命名规则:骆驼式命名法、匈牙利命名法和帕斯卡命名法。 1. 骆驼式命名法(Camel ...

    CSS_命名规范参考及书写注意事项.rar

    6. 命名约定:使用小写字母和短横线(-)连接单词,避免使用下划线(_)和驼峰式命名。例如,`btn-close`而不是`BtnClose`或`btn_close`。 7. 使用有意义的类名:类名应直接反映其作用,如`nav-primary`表示主要...

    react-React组件的css选择器

    BEM是一种流行的CSS命名约定,用于提高组件样式的可维护性。在React中,可以为组件、子元素和状态变异分别定义类名,如:`MyComponent__element--modifier`。这样可以使样式更加清晰且易于复用。 4. **CSS预处理器...

    HTML & CSS命名规范

    HTML 和 CSS 命名规范是前端开发中的基础标准,旨在提高代码的可读性、可维护性和团队协作效率。以下是对这些规范的详细解释: 1. **内容与样式分离**: - 遵循内容(HTML)、显示(CSS)、行为(JavaScript)的...

    京东css_html_京东css规范_css_

    此外,京东的CSS规范可能包含对代码可读性的要求,比如合理的缩进、注释和命名约定。在布局方面,可以利用浮动(float)、定位(positioning)或更现代的Flexbox和Grid布局来实现京东页面的复杂布局。同时,要掌握...

    WEB前端开发规范文档+CSS命名规范.docx

    ### WEB前端开发规范文档+CSS命名规范 #### 规范目的 为了提升团队协作效率、便于后台人员添加功能以及前端后期优化维护,本规范旨在输出高质量的文档。一旦该规范文档被确认,前端开发人员必须按照本文档所规定的...

    css规范文档

    - HTML、CSS、JavaScript和图像文件应按照约定存放在指定目录。 - HTML文件使用英文命名,后缀为.htm。 - CSS文件也使用英文命名,后缀为.css,基础样式使用base.css,首页用index.css,其他页面按模块命名。 - ...

    CSS插件-CSS插件 ieCSS插件 ie

    9. **BEM方法论**:Block Element Modifier,一种命名约定,有助于创建清晰、可维护的CSS代码结构。 10. **浏览器兼容性**:使用Can I Use网站来查询CSS特性的浏览器支持情况,确保代码能在不同的浏览器上正常工作...

    CSS设计指南(第3版)-5.zip

    - 代码规范:遵循一定的命名约定和编码风格,提高团队合作效率。 - BEM(Block Element Modifier)命名法:一种组织CSS类名的方法,有助于保持代码结构清晰。 9. **CSS的新特性** - CSS Grid布局的最新发展,如...

    网页命名规范

    2. **驼峰式命名**:在JavaScript和CSS中,推荐使用驼峰式命名(CamelCase)来命名`class`,如`mainContent`,这使得代码更易于阅读,尤其在JavaScript中与DOM元素交互时。 3. **短横线命名**:HTML中的`class`命名...

    HTML+CSS布局、规范、兼容

    最后,要遵循命名规范,使命名简短且具有意义,参考通用的命名约定。在编写CSS时,应保持属性的顺序,这样做不仅可以减少文件大小,还方便维护和控制。 总之,HTML+CSS布局、规范及兼容的知识点广泛且重要,涉及到...

    纯CSS3按钮3D效果.zip

    7. **代码组织与优化**:在编写CSS代码时,应当遵循良好的编码规范,使用适当的命名约定,保持代码的可读性和可维护性。此外,通过组合和复用样式,可以避免重复代码,提高代码效率。 以上是关于“纯CSS3按钮3D效果...

    渴切-开源中文css框架v3.0 beta.zip

    1. 学习和理解框架的基础结构,包括类名规则和命名约定。 2. 探索并掌握栅格系统,这对于创建响应式网页至关重要。 3. 了解框架提供的UI组件,如按钮、表单元素、导航等,并学会如何在项目中正确使用它们。 4. 熟悉...

    5日精通CSS/5日精通CSS

    第四天,我们将学习CSS的组织与优化,包括命名约定(如BEM)、模块化设计和CSS性能优化。良好的代码组织习惯能提高代码可维护性,而优化则有助于提升网页加载速度。 最后一天,将接触实际项目中的CSS应用,比如创建...

    JavaScript 样式指南.zip

    请参阅翻译其他风格指南ES5(已弃用)反应JavaScript 中的 CSSCSS 和 Sass红宝石目录类型参考对象数组解构字符串功能箭头函数类和构造函数模块迭代器和生成器特性变量提升比较运算符和相等性区块控制语句评论空格...

    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H317.zip

    5. 前端最佳实践:观察代码组织、注释和命名约定,学习良好的编程习惯。 通过深入研究这个项目,你不仅可以提升Web开发技能,还能了解到实际项目中可能遇到的问题和解决方案,为未来的职业发展打下坚实的基础。

    div+css学习资料

    遵循一定的命名约定,如BEM(Block Element Modifier)或SMACSS(Scalable and Modular Architecture for CSS),能提高团队协作效率,减少代码冲突。 "深入分析网页CSS隐藏文字和以图换字技术"探讨了如何在不影响...

    MooCSS模块化面向对象的css写法

    1. **命名约定**:MooCSS通常遵循BEM(Block Element Modifier)命名规范,即将类名分为三部分:块名(Block)、元素名(Element)和修饰符名(Modifier)。例如,`btn`是块名,`btn__text`是元素名,`btn--primary`...

    代码编写规范(java、html、css、js).pdf

    - 命名约定:定义了不同实体(如类、方法、变量等)的命名习惯,例如类名通常使用大驼峰式命名法(UpperCamelCase),而变量名和方法名使用小驼峰式命名法(lowerCamelCase)。 - 文件命名和组织:包括了文件命名...

    管理页面的css样式

    - **命名约定**:BEM(Block Element Modifier)等命名规范可提高代码可读性。 - **CSS Reset**:消除浏览器默认样式,确保跨浏览器一致性。 - **CSS-in-JS**:将CSS嵌入到JavaScript中,利于动态样式管理和组件...

Global site tag (gtag.js) - Google Analytics