`
qishuai
  • 浏览: 38867 次
  • 性别: Icon_minigender_1
  • 来自: 南通
社区版块
存档分类
最新评论

CSS样式命名的重要性

阅读更多

jquery博客觉得CSS样式命名是很重要。

项目中,要是团队,样式命名不同的话,会给团队其他人看的很纠结,揣测你的很费劲哦。

一般常见的有驼峰,帕斯卡,符号连接

1,驼峰

有着悠久的历史,大家接触过其他程序语言的,很了解了,不多说不解释。

用css写个信息层的话 .messageBox{…}

2,帕斯卡

其实和驼峰很相似,具体表现为每个单词都需要大写

比如 .MessageBox{…}

3,符号连接

需要按个shift 开发速度不咋样  .message-box{…}

个人比较喜欢用驼峰,抵制符号链接   比如-使用的不好的话,会与javascript混乱。

当然萝卜白菜各有所爱,团队统一起来,大家用一个,不然有的你改了,前两天,去改同事的样式,尼玛的,有点头大,还是不统一照成。

不说了,喜欢哪个就用哪个,适合自己好,适合团队更好。

原文地址 前端开发 http://www.jqueryba.com/196.html

分享到:
评论

相关推荐

    CSS样式命名规则(仅供参考)

    在前端开发中,良好的CSS样式命名习惯对于项目的可维护性至关重要。合理的命名不仅能够提高代码的可读性,还能帮助团队成员快速理解样式的作用,减少不必要的沟通成本。本文将详细介绍一份CSS样式命名规则,并给出...

    CSS样式命名以及兼容性.pdf

    本篇文档主要探讨了CSS样式的命名规则和兼容性问题,这对于确保网页的可读性、可维护性和跨浏览器一致性至关重要。 首先,文档提到了一些常用的CSS类名命名约定,这些约定有助于提高代码的可读性和团队间的协作效率...

    关于css样式命名规范

    关于CSS样式命名规范,它是前端开发中不可或缺的一部分,对于提升代码可读性、维护性和SEO效果都有着重要作用。规范的命名可以使得团队协作更加高效,减少沟通成本,同时也有利于自动化工具的识别和处理。 首先,...

    【DIV+CSS学习笔记】CSS样式命名规范

    【CSS样式命名规范】在网页设计中,CSS(层叠样式表)的使用极大地提高了页面的可维护性和可扩展性。良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些...

    大型门户站css样式命名和应用原则.rar

    一、CSS样式命名原则 1. **语义化命名**:遵循HTML元素的语义,如使用`header`、`footer`、`nav`、`section`等,使CSS选择器具有描述性。 2. **模块化命名**:采用BEM(Block Element Modifier)方法,即将样式...

    CSS文件和样式命名规范

    在网页开发中,CSS 文件和样式命名规范是一个非常重要的方面。为了提高开发效率和代码可读性,需要制定一套规范的命名规则。 一、CSS 文件命名规范 在命名 CSS 文件时,需要遵循以下规则: * 全局样式:global....

    大型门户站css样式命名和应用原则.pdf

    在构建大型门户站点时,CSS样式命名和应用原则是确保代码可维护性和高效性的重要方面。以下是基于给定文件内容的详细说明: 1. **CSS属性应用原则**: - **首页DIV高度设置**:首页的最小块级元素应当设置高度,以...

    SEO中的DIV CSS样式的命名规则

    以下是一些常见的CSS样式命名规则,适用于SEO优化: 1. **ID和类名的命名**: - 页头:`header`(CSS中通常表示为`#header`) - 登录条:`loginBar` - 标志:`logo` - 侧栏:`sideBar` - 广告:`banner` - ...

    好看的css样式

    在描述中,提到了“很好的css样式列表”和“自己经常使用的”,这暗示了这个压缩包可能包含了一组经过实践检验、效果出色的CSS样式集。对于开发者来说,拥有这样一套资源可以极大地提高工作效率,因为无需从零开始...

    CSS表现样式规约及命名规范文档

    【CSS表现样式规约及命名规范文档】是指导开发者遵循一套统一的标准来编写CSS样式,以提高代码可读性、可维护性和团队协作效率的重要文档。文档内容详尽,涵盖了CSS样式设计的基本原则、分类、命名规则以及各种特定...

    常用的css命名规则.txt

    ### 命名规则的重要性 在CSS开发过程中,合理的命名规则可以显著提高代码的可读性和可维护性,减少后期修改和调试的时间成本。命名规则还能促进团队协作,确保所有开发者遵循统一的编码风格,从而降低项目中的混乱...

    CSS样式表中文手册合集

    **CSS样式表中文手册合集**是一份专为网页设计师准备的重要参考资料,它涵盖了CSS(Cascading Style Sheets)的全面知识,旨在帮助用户更好地理解和应用CSS进行网页设计。这份合集由**苏昱(苏沈小雨)**编译整理,...

    css命名规范(英文命名)

    CSS 命名规范是指在 CSS 文件中统一命名的规范,以便提高代码的可读性和维护性。以下是 CSS 命名规范的详细说明: 文件命名规范 在 CSS 中,文件命名是非常重要的。以下是一些常见的文件命名规范: * 主要的 ...

    CSS样式图片下载助手,css背景图片下载

    同时,保持软件的稳定性和兼容性是至关重要的。 综上所述,“CSS样式图片下载助手”是一个针对网页设计师和前端开发者的实用工具,它解决了从CSS文件中提取和下载背景图片的难题,简化了工作流程,提高了效率。了解...

    css样式表命名规范大全.doc

    在CSS样式表开发中,命名规范是至关重要的,它能提高代码的可读性、可维护性和团队协作效率。以下是一些关于CSS样式表命名的基本规范和建议: 1. **文件命名规范**: - 主要样式文件通常命名为`master.css`,用于...

    css的常用命名规则

    在CSS开发过程中,良好的命名习惯对于代码的可读性和维护性至关重要。本文将详细介绍三种常见的CSS命名方法:骆驼命名法、帕斯卡命名法以及匈牙利命名法,并结合具体的命名实践进行解释。 #### 二、骆驼命名法 ...

    web前端+css命名 规范

    本文将深入探讨CSS命名规范及其重要性,并结合HTML和CSS的基础知识,为前端开发者提供一份详尽的指南。 首先,我们了解CSS命名规范的基本原则: 1. **有意义的命名**:选择能够明确描述元素功能或状态的名称,如`...

    css命名规范.doc

    CSS(层叠样式表)命名规范对于Web开发者来说至关重要,因为它不仅影响代码的可读性和维护性,还直接关系到团队协作的效率。一个良好的命名规范可以使得代码更易理解和复用,降低出错率,提升项目的整体质量。以下是...

    css样式表ID命名规则样本.docx

    在CSS样式表中,ID命名规则是至关重要的,因为它直接影响到网页的可读性、可维护性和代码的组织结构。以下是一些关于CSS ID命名规则和网页设计中的常见术语的详细解释: 1. **ID命名规范**:ID是CSS中用于唯一标识...

Global site tag (gtag.js) - Google Analytics