css命名规范
css 命名规范
作者:match 日期:2007-03-13
字体大小: 小 中 大
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendlink
页脚：footer
版权：copyright
------------------------------------------------------->
1.CSS ID 的命名
外 套： wrap
主导航： mainnav
子导航： subnav
页 脚： footer
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainbav（globalnav）
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
旗 志： logo
标 语： banner
菜单内容1： menu1content
菜单容量： menucontainer
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadcrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： Login
功能区： shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写：
<-- Footer -->
内容区
<-- End Footer -->
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.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. 基础...
- **定义**：除了上述提到的命名规则外，开发团队还可以根据项目需求自定义一套适合自己的命名规范。 - **示例**：例如，可以采用简短的前缀+功能描述的方式进行命名，如`.btn-primary`表示“主按钮”。 #### 四、...
本文将根据给定文件“css命名规则.txt”的内容进行深入解读，为网页设计师提供一套高质量CSS代码的标签规范。 #### 二、基本元素命名 1. **Header**: 用于页面顶部区域的标记。 - 示例：`<div class="header">` ...
以下是对CSS命名规范的一些详细解释和示例： 1. **小写字母和中横线分隔**： - 所有CSS类名应该使用小写字母，避免使用驼峰式或全大写字母。如`.logo`、`.nav`等。 - 当需要扩展类名时，使用中横线`-`作为分隔符...
在前端开发中，CSS命名规范是提升代码可读性、可维护性和团队协作效率的关键因素。以下是关于前端CSS命名规范的详细说明： 首先，我们理解为何需要制定CSS命名规范。在多人协作的项目中，统一的命名规范可以降低...
**一、CSS命名规范** 1. **有意义的命名**：避免使用无意义的ID或类名，如“div1”，“box”等。应采用描述性的名称，如“header”、“content”、“footer”等，这能帮助搜索引擎理解页面结构。 2. **简洁性**：...
【CSS命名规范】 在Web前端开发中，CSS命名规范对于团队协作、代码可读性和维护性至关重要。以下是一些核心的CSS命名规则： 1. **语义化命名**：CSS选择器应该反映其对应的HTML元素的功能或内容。例如，用`header`...
为了提高代码的可读性和团队协作效率，遵循一定的CSS命名规范至关重要。以下是一些常见的Div+CSS命名规则和实例： 1. **容器与模块**： - `container` 或 `box`：用于表示页面的主要或局部容器，通常包裹其他元素...