`

CSS的class命名和使用方法

    博客分类：
  • CSS
css 
阅读更多
1. 类名各个单词之间用"-"连接。
2. 页面最外层的布局DIV，class名字用"layout-"开头。一般情况，布局不超过2层。
3. layout元素的class样式，在CSS文件中要集中在一起写，方便设定。
4. 每个区域内，根据实际情况，创建作为component的DIV，DIV的class命名要体现出该component的作用/意义/位置等。
5. 每个component内部的元素，根据情况设置各自的class。在CSS文件中设定这些class时，要按照层级关系，按照".component .separateClass .separateClass"的结构写出来，方便查找。
分享到：
| 什么是行内脚本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS网页布局ID和Class类的命名介绍

    本篇文章主要讲解了CSS网页布局中的ID和Class类的命名规则和使用原则。对于开发者来说，命名规则是一项非常重要的技能，因为它可以影响到整个网站的可读性、可维护性和可扩展性。 一、类名命名规则 类名命名规则...

    web前端+css命名 规范

    5. **模块化命名**：使用BEM（Block Element Modifier）方法，如`block__element--modifier`，这能清晰地表达组件、元素和状态。 6. **避免使用颜色、尺寸等具体值**：如`red-button`，因为这样会限制样式可复用性...

    css id,class命名与seo

    将CSS与SEO结合，通过合理的ID和Class命名，可以增强页面的可读性，帮助搜索引擎更好地理解网页内容，从而提升SEO效果。下面我们将详细讨论CSS ID和Class的命名策略以及其与SEO的关系。 1. CSS ID命名： - `wrap`...

    div css命名规范 css class命名规则(符合SEO规范)

    在网站开发和搜索引擎优化（SEO）的过程中，合适的CSS和DIV的命名规则是非常关键的。它不仅能够提高代码的可读性，还能帮助搜索引擎更好地理解页面结构，进而提升网站在搜索结果中的排名。本文将详细介绍一些流行的...

    css命名规则.txt

    ### CSS命名规则详解 #### 一、概述 CSS命名规则是网页设计中不可或缺的一部分，合理的命名不仅能够提高代码的可读性和可维护性，还能帮助团队成员更好地协作。本文将根据给定文件“css命名规则.txt”的内容进行...

    CSS命名规范CSS命名规范

    CSS 命名规范和 CSS 书写规范 一、CSS 命名规范 CSS 命名规范是指在编写 CSS 代码时，遵守一定的命名规则，以便于代码的阅读、维护和重用。下面是一些常用的 CSS 命名规范： * 文件命名规范：global.css、layout....

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

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

    超详细CSS语义化命名规则及一些总结和扩展

    在本篇超详细CSS语义化命名规则中，我们将重点讨论命名规则以及一些总结和扩展。 首先，我们要了解CSS命名的基本原则。一个良好的CSS命名应该简洁、直观，并且能够清晰地表达出对应HTML元素的功能或内容。避免使用...

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

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

    DIV+CSS规范命名大全集合

    ### DIV+CSS规范命名大全集合 ...以上就是关于DIV+CSS规范命名的一些基本知识和实践经验。合理且一致的命名规则能够帮助开发者更好地理解和维护代码，同时也是实现高效团队协作的重要基础。希望本文能对大家有所帮助。

    css命名规范

    遵循这些CSS命名规范和书写规则，不仅可以提高代码的可读性和可维护性，还能减少潜在的兼容性问题，提升网站的性能。同时，良好的命名习惯也有助于团队协作，让其他开发者更容易理解并参与到项目中。

    css&html手册及命名规则等

    常见的命名方法有BEM（Block Element Modifier）、SMACSS（Scalable and Modular Architecture for CSS）和Atomic Design等。BEM提倡使用--（双横线）和__（下划线）来区分块、元素和修饰符；SMACSS则鼓励根据元素的...

    如何规范 CSS 的命名和书写

    ### 如何规范CSS的命名和书写 在前端开发过程中，CSS作为网页样式的重要组成部分，其规范性和可维护性直接影响到项目的质量和后期维护的成本。本文将详细介绍如何规范CSS的命名和书写，包括CSS书写顺序、书写规范、...

    CSS命名规则和命名方法

    在CSS（层叠样式表）编程中，正确的命名规则和方法对于提高代码可读性、维护性和团队协作至关重要。以下是一些常用的CSS命名规则和命名方法： ### 命名规则 1. **语义化**：命名应具有描述性，反映元素的实际功能...

    常用的CSS命名规则

    ### 常用的CSS命名规则详解 在前端开发中，合理的CSS命名规则不仅能够提升代码的可读性和可维护性，还能够提高团队协作效率。以下是对标题、描述及部分给定内容中所涉及的CSS命名规则的详细解读。 #### 1. 基础...

    div+css样式表的id和class常用命名规则

    ### 常用的ID和Class命名： - `header`：表示页面的头部区域，包含网站logo、主导航等。 - `sideBar`：表示页面的侧边栏，通常放置广告、链接或其他导航项。 - `subNav`：表示子导航区域，用于展示主要导航下的子...

    CSS常用Class名

    整理了一些CS中常用Class名，包括class、id 、css文件名的常用命名规则

    CSS命名规则

    1. **选择器命名建议**：为了确保跨浏览器的一致性与稳定性，建议选择器命名时仅使用字母和下划线（_），避免使用数字开头或者连字号（-）开头的选择器。 2. **测试兼容性**：在实际项目开发过程中，应使用工具（如...

    CSS文件和样式命名规范

    在 CSS 中，我们可以使用 id 和 class 来定义样式。id 一个页面只能使用一次，而 class 可以多次引用。id 和 class 的主要区别在于： * id 是一个标签，用于区分不同的结构和内容，就象你的名字。 * class 是一个...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics