檬味博客 » 问答 » css的命名规则

css的命名规则

主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。通常我们最常用主要命名有：wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\...
css的命名规则
一、网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率。
所有的命名最好都小写
属性的值一定要用双引号()括起来，且一定要有值如class=divcss,id=divcss
每个标签都要有开始和结束，且要有正确的层次，排版有规律工整
空元素要有结束的tag或于开始的tag后加上/
表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
h1到h5的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
给每一个表格和表单加上一个唯一的、结构标记id
给图片加上alt标签
尽量使用英文命名原则
尽量不缩写，除非一看就明白的单词
二、相对网页外层重要部分CSS样式命名：
外套 wrap ----------------用于最外层
头部 header --------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left ------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
DIV+CSS命名小结：
无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循。
主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。
通常我们最常用主要命名有：
wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)
、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。2024-12-07
mengvlog 阅读 34 次 更新于 2025-09-08 15:49:09 我来答关注问题0
1 个回答檬味博客专题活动
  • 翡希信息咨询 常用的CSS命名规范大总结,非常实用

    一、文本命名规范 index.css：首页样式文件。 head.css：多个页面共享头部样式。 base.css：页面公共样式。 style.css：独立页面专属样式文件。 global.css：页面基础样式，确保全局一致性。 layout.css：布局和版面通用样式。 module.css：产品页面模块样式。 master.css：主要样式表，包含多个常用样式。 ...

  • chenxiaojian86 css命名规则

    1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS书写规范使用CSS缩写属性 CSS有些属性是可以缩写的，比...

  • 文暄生活科普 来自大佬整理的css命名规范及技巧,记得悄悄收藏哦

    位置属性，如：position, top, right, z-index, display, float等。大小调整，包括width, height, padding, margin等。文字样式，涉及font, line-height, letter-spacing, color, text-align等。背景设定，如background, border等。其他特效，animation, transition等。合理使用CSS缩写属性，简化代码，提升...

  • 深空游戏 在DW里面css可以随便命名么?

    在Dreamweaver（DW）中，CSS的命名规则并非完全自由。当定义“类”时，“类名”必须以英文字母或句号开头，不能包含空格或其它特殊符号。如果命名有误，DW会在CSS面板新建CSS样式时给出提示。另外，如果类样式名与HTML标签名相同，例如将一个类命名为“body”，DW会提醒用户：“body是标准HTML标签，你确...

  • 文暄生活科普 css中的na

    遵循的命名规则包括：全小写，英文命名，避免使用中杠和下划线，除非简短且易懂，否则不使用缩写。CSS文件结构通常分为模块，如 master.css, module.css, base.css, layout.css, themes.css, columns.css, font.css, forms.css 等，分别处理不同类型的样式。通过这些命名规则，你的CSS代码将变得更加...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部