三种通用CSS命名规则

开发 前端
你对CSS命名的规则是否了解,这里和大家分享一下CSS规范化命名及三种通用CSS命名规则,三种命名规则分别是骆驼命名法,匈牙利命名法、帕斯卡命名法。

本文和大家重点讨论一下CSS规范化命名及三种通用命名规则,三种CSS命名规则分别是骆驼命名法,匈牙利命名法、帕斯卡命名法。这三种CSS命名的规则,不仅仅适用于CSS与HTML编码,也适应于其它类型的编程开发。

CSS规范化命名及三种通用命名规则

我们在51cto.com以前的文章中,曾经多次提到CSS命名的问题,有些朋友依然不够重视这些问题。认为这个问题对于CSS网页布局开发是无关紧要的。自己写的样式,自己心中有数就可以了。想要修改样式可以根据自己的记忆或个人的编码习惯很快的找到样式定义在文件中的位置。

  今天我们在以前知识的基础上,介绍三种命名的规则。这三种CSS命名的规则,不仅仅适用于51cto.com上面所介绍的CSS与HTML编码,也适应于其它类型的编程开发。它们是:骆驼命名法,匈牙利命名法、帕斯卡命名法。下面我们分别给予介绍:

骆驼式命名法:

  此CSS命名规则正如它的名称所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。例如,下面是分别用骆驼式命名法和下划线法命名的同一个函数:

ExampleSourceCode

  1. printEmployeePaychecks();  
  2.  
  3. print_employee_paychecks();  
  4.  

  第一个函数名使用了骆驼式命名法,函数名中的每一个逻辑断点都有一个大写字母来标记;第二个函数名使用了下划线法,函数名中的每一个逻辑断点都有一个下划线来标记。

  骆驼式命名法近年来越来越流行了,在许多新的函数库和MicrosoftWindows这样的环境中,它使用得当相多。另一方面,下划线法是c出现后开始流行起来的,在许多旧的程序和UNIX这样的环境中,它的使用非常普遍。

匈牙利命名法:

  此CSS命名规则广泛应用于象MicrosoftWindows这样的环境中。Windows编程中用到的变量(还包括宏)的命名规则匈牙利命名法,这种命名技术是由一位能干的Microsoft程序员查尔斯-西蒙尼(CharlesSimonyi)提出的。

  匈牙利命名法通过在变量名前面加上相应的小写字母的符号标识作为前缀,标识出变量的作用域,类型等。这些符号可以多个同时使用,顺序是先m_(成员变量),再指针,再简单数据类型,再其它。

  例如:m_lpszStr,表示指向一个以0字符结尾的字符串的长指针成员变量。

  匈牙利命名法关键是:标识符的名字以一个或者多个小写字母开头作为前缀;前缀之后的是首字母大写的一个单词或多个单词组合,该单词要指明变量的用途。

帕斯卡(pascal)命名法:

  此CSS命名规则与骆驼命名法类似。只不过骆驼命名法是首字母小写,而帕斯卡命名法是首字母大写,如:

ExampleSourceCode

  1. DisplayInfo();  
  2. stringUserName;  
  3.  

  二者都是采用了帕斯卡命名法。在C#中,以帕斯卡命名法和骆驼命名法居多。

三种CSS命名规则的小结:

  MyData就是一个帕斯卡命名的示例

  而myData是一个骆驼命名法,它第一个单词的第一个字母小写,后面的单词首字母大写,看起来像一个骆驼

  而iMyData是一个匈牙利命名法,它的小写的i说明了它的型态,后面的和帕斯卡命名相同,指示了该变量的用途.

 【编辑推荐】

  1. DIV+CSS命名规则集锦
  2. 如何使用CSS框架这把双刃剑?
  3. CSS中font-size属性值四大种类
  4. 解析四大CSS属性值选择器用法
  5. 专家推荐 DIV CSS表单布局的五个小技巧
责任编辑:佚名 来源: 52css.com
相关推荐

2010-09-07 15:53:02

CSS规范化

2010-08-25 09:11:57

DIVCSS

2010-08-30 10:46:13

DIV+CSS

2010-09-07 16:31:27

CSS

2023-12-04 09:31:13

CSS卡片

2010-09-08 13:29:48

CSS

2010-08-24 14:47:48

CSS居中

2010-09-01 12:50:04

CSS清除浮动

2010-09-14 15:10:49

CSS注释

2011-09-06 16:37:03

2011-05-17 10:05:50

CSS

2010-09-06 10:04:31

CSS样式表

2010-09-08 15:49:21

SmartyCSS

2010-08-27 09:51:25

idclassCSS

2010-09-14 11:11:09

DIV+CSS样式表

2010-09-14 15:24:49

CSSIDClass

2010-08-31 13:18:22

CSS浮动

2022-03-16 14:27:49

CSS三角形前端

2010-08-26 16:19:41

DIV圆角

2011-01-18 15:35:59

jQueryJavaScriptweb
点赞
收藏

51CTO技术栈公众号