关于CSS书写习惯问题杂谈

记得在程序员之间有这么一句话:让我做什么都行,就是别让我去看别人的程序。其实在写CSS的时候也会有这样的情况,当然,CSS相对来说简单得多,但是不同的人也都有不同的书写习惯及爱好,有时碰到与自己风格相差很远的样式表,一时半会还真很难看懂。

说到书写习惯,首先就是版式。有人喜欢横着写,同一个样式中的所有属性都写成一行;也有人喜欢竖着写,每写一个属性就换一行。关于这两种写法,也没有什么明确的说法谁好谁坏了,完全看个人喜好了。本民工偏向于前者,因为横着写的话整个样式会显得紧凑,而且找样式名也比较方便,并且文件的体积也会小。个人觉得如果随便打开一个样式表就上千行的话那是很恐怖的事(尽管可能内容并不多,只是因为竖着写而已)。

另一个受习惯影响最大的就是命名了。一个好的命名,应该是让人只要看到样式名就能知道这个样式应该是作用在什么地方的。特别是团队合作项目,制订一套命名规范是很有必要的。命名就都尽量用英文好了,拼音给人的感觉实在是太怪了。常用的命名方法中,驼峰命名法本人觉得不好用,不仅可读性不高而且因为大小写混排也容易出错,大写的I跟小写的l看起来都差不多的。中杠”-”命名跟下杠”_”命名本人觉得都差不多,而用下杠命名的话在双击选择样式名的时候比较方便,所以本人的习惯是用小写加下杠的命名法,原来公司团队也是用这个的,而且很多大站也都是这样用的。

接下来就是在书写样式表的时候尽量养成分块书写的习惯。也就是说定义同一个区块的样式都写到一起,好比下面这样:#sidebar {float:left;}
  #sidebar p { … }
#footer {clear:both;}
  #footer p { … }

这样在出问题的时候查找起来很方便。曾经有一位同事写样式的思维相当“跳跃”,每次改的时候都好想哭……

最后再说说样式属性的排列顺序了。说真的,这个平时还真没太去注意过,我在网上查了一下Mozilla推荐的书写规范,但却不知为何这样推荐,我觉得大概是跟浏览器解析的过程有关吧。

//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content

相关文章

Moondy 发表于 2009-1-9 457 Views | 类别: Xhtml/Css

评论

:icon07 :icon02 :icon16 :icon23 :icon37 :icon05 :icon38 :icon35 more »
(Ctrl + Enter)