css样式命名规则
作者：Ghost 来源：CSS森林 发布时间：2008-04-30 12:31:00
标签：命名,规则,样式,css
命名一直是个让我头痛的问题，特别是那些看上去差不多的模块，所以就得想办法啦，我总结了下面的方法，虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。
相关文章：常用CSS命名参考
具体如下：
要注意的内容：
一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。
二，样式类名由以字母开头的小写字母（a-z）、数字（0-9）、下划线（_）、减号（-）组成。
ID名称由不以数字开头的小写字母（a-z）、数字（0-9）、下划线（_）组成。
可使用类似下面的规则:
[模块前缀|类型|作用]_[名称]_[状态|位置]
约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺序，尽量保持在两到三个单词说清用途。
例：
通用名词缩写
设置 set
成功 suc
提示 hint
操作 op
密码 pw
菜单 menu
按钮 bt
文本 tx
颜色 c
背景 bg
边框 bor
居中 center
图标 icon
弹出 pop
文本输入框 .input_tx
密码输入框 .input_pw
登录密码输入框 .input_pw_login
日志设置成功提示 .hint_suc_blogset
相册弹出的设置层 .pop_set_photo
公共提示 .hint_bg
文本颜色 .c_tx
段落文本颜色 .c_tx_p
0
投稿猜你喜欢
很多人一直都有个想法，要是可以随心所欲的操作iframe就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中include- 我们小组讨论的话题是tab（标签）在使用时的禁忌。在讨论的开始，大家很快产生了六个感兴趣的话题：如何处理海量的tab？在浏览器中关掉tab之
- 介绍我们一起来做个示例，在.NET中新建一个类，并在这个类里新建一个方法，然后在SQL Server中调用这个方法。按照微软所述，通过宿主
- MySQL支持大量的列类型，它可以被分为3类：数字类型、日期和时间类型以及字符串(字符)类型。本节首先给出可用类型的一个概述，并且总结每个列
- 这片文章只对本地存储方法做介绍，若要查看本地存储组件使用方法的介绍请稍等。本地数据持久化（或者也叫做浏览器本地存储）是一种在浏览器中长久保存
- 从今天开始起，基督山将和大家一起进入ASP.net 诸多程序的学习中，老实说，.net到底是法宝还是垃圾，我们拭目以待。有任何问题，联络基督
- 描述event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。eve
- 不久前因业务需要，我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流，我在笔记本前准备输入一个网址，他靠近我的电脑，大
- meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head&
- ASP，一种最先广泛的流行在WEB行业的编程语言。严格的说，ASP还算不上的编程语言。不过，因为微软的大力支持，ASP这一路，走得非常顺利。
- 设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 8 - Input Filtering Part
- 一，啥是Block Formatting Context当涉及到可视化布局的时候，Block Formatting Context提供了一个
- XML 的使用越来越广泛，但是很多 XML 的结构并不好。即便结构良好，也常常设计得很糟，使得处理和维护非常困难。而大部分用于 XML 的基
- 一位资深的设计师曾经向我抱怨，说老板不仅让他做“设计”工作，还让他做“制作”工作，真是很烦。言下之意，“制作”还要一个资深设计师亲自上阵，未
- User Centered Design 以用户为中心的设计，一说到这个很多人马上想到互联网和软件的设计，因为在IT、互联网行业提得最多。其
- 一、Browser Capabilities组件 该组件最主要的作用是：提取识别客户端浏览器的版本信息。其原理是这样的：当客户端浏览器向服务
- 一张表（ColumnTable）的结构如下图所示当前需要实现的功能：通过Number的值为67来获取当前的节点ID、父节点ID递归实现SQL
- 如何在页面中对不同的数据进行相同的处理？selectId.asp' 列出所有客户的客户名称<html><
- 像素误差看自己设计好上线的网站，偶尔会发觉像素行间出现了弹性空间，总在不经意间蹦出一定的差距。有些页面很难发现，比如活动类页面，这类页面多呈
