头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态态：status
投票：vote
合作伙伴：partner
注释的写法
/* Footer */
内容区
/* End Footer */
id的命名
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
id的命名
页面结构
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary
功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright
class的命名
(1)颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样式,使用"类别+功能"的方式命名,如
.barnews { }
.barproduct { }
注意事项
1.一律小写;
2.尽量用英文;
3.不加中杠和下划线;
4.尽量不缩写，除非一看就明白的单词.
主要的 master.css
模块 module.css
基本共用 base.css
布局，版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
分享到：
相关推荐
首先，我们了解CSS命名规范的基本原则： 1. **有意义的命名**：选择能够明确描述元素功能或状态的名称，如`btn-primary`代表主要按钮，`user-info`表示用户信息区域。 2. **避免使用ID选择器**：在CSS中，ID选择器...
本文将深入解析“常用的CSS命名规则”这一主题，旨在帮助开发者理解并掌握一系列实用的CSS命名规范。 ### 命名规则的重要性 在CSS开发过程中，合理的命名规则可以显著提高代码的可读性和可维护性，减少后期修改和...
以下是一些关于CSS命名规范的关键点，这些都是基于个人经验的总结： 1. **大小写规则**：推荐使用小写字母来编写CSS选择器，这符合CSS标准且易于阅读。例如，`#header`、`.mainContent`。 2. **ID和类名**：ID通常...
CSS 命名规范是指在编写 CSS 代码时，遵守一定的命名规则，以便于代码的阅读、维护和重用。下面是一些常用的 CSS 命名规范： * 文件命名规范：global.css、layout.css、font.css、link.css、print.css 等 * 常用类/...
### CSS命名规则详解 #### 一、引言 在Web开发过程中，良好的CSS命名规则不仅有助于提高代码可读性与可维护性，还能避免不同浏览器之间的兼容性问题。本文将根据给定的内容深入探讨CSS选择器命名规则及其在实际...
CSS 命名规范（英文命名） CSS 命名规范是指在 CSS 文件中统一命名的规范，以便提高代码的可读性和维护性。以下是 CSS 命名规范的详细说明： 文件命名规范 在 CSS 中，文件命名是非常重要的。以下是一些常见的...
### 常用的CSS命名规则详解 在前端开发中，合理的CSS命名规则不仅能够提升代码的可读性和可维护性，还能够提高团队协作效率。以下是对标题、描述及部分给定内容中所涉及的CSS命名规则的详细解读。 #### 1. 基础...
本文将根据给定文件“css命名规则.txt”的内容进行深入解读，为网页设计师提供一套高质量CSS代码的标签规范。 #### 二、基本元素命名 1. **Header**: 用于页面顶部区域的标记。 - 示例：`<div class="header">` ...
遵循这些CSS命名规范和书写规则，不仅可以提高代码的可读性和可维护性，还能减少潜在的兼容性问题，提升网站的性能。同时，良好的命名习惯也有助于团队协作，让其他开发者更容易理解并参与到项目中。
以下是对CSS命名规范的一些详细解释和示例： 1. **小写字母和中横线分隔**： - 所有CSS类名应该使用小写字母，避免使用驼峰式或全大写字母。如`.logo`、`.nav`等。 - 当需要扩展类名时，使用中横线`-`作为分隔符...
接下来，我们来看看具体的CSS命名规则： 1. **样式类名全部小写**：所有类名都应采用小写字母，确保在不同操作系统和浏览器中的兼容性。首字符必须是字母，避免使用数字和其他特殊字符。类名由小写字母（a-z）、...
下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先，理解div+css的基本概念。Div是HTML中的一个通用容器元素，用于组合其他HTML元素，而CSS则用于控制页面的样式和布局。在SEO角度，使用...
以下是一些核心的CSS命名规则： 1. **语义化命名**：CSS选择器应该反映其对应的HTML元素的功能或内容。例如，用`header`、`footer`、`nav`、`article`等表示页面结构。 2. **BEM（Block Element Modifier）命名法*...
以下是一些常见的Div+CSS命名规则和实例： 1. **容器与模块**： - `container` 或 `box`：用于表示页面的主要或局部容器，通常包裹其他元素。 - `header`：代表页面头部区域，包含页眉、LOGO等。 - `mainNav`：...