关于CSS样式的书写顺序

之前在网上有人写到可以按字母的排列顺序书写，我按着这个方法试了试，做了几个页面，感觉不是很爽，写一个选择器的时候总要在心里把顺序排一遍，由于英语水平差，有的时候还排错了，当遇到了第一个字母一样的时候，还要排第二字母，效率好像不是很高。所以在这我把我的一些思考写出来，大伙提提建议。

    我首先想到的是HTML，现在讲的都是结构与表现分离，所以我把结构与表现强行引到CSS中来（我知道是很牵强），把width,height,margin,padding,border等分到结构一类，把background,text,font等分到表现一类，这都是一些最常用到的，其它的一些写在最后当是行为一类吧。

    我这样分还有一个原因是和排页面时的顺序有关，自己总是先把每个模块位置摆正确之后再去调里面的细节（相信很多人也是这样吧），border放在结构里是因为有了border可以把结构看的清楚一点。

    写之前想了好多，本想大写一段，结果写出来就么少（小学作文没学好啊），大家凑合的看吧。

    发布了可读性好新式了，改了改。

[ 本帖最后由 zhaoyan860222 于 2010-6-4 17:36 编辑 ]

先后如下：
显示属性，定位，宽高，填充，边距，背景，字体大小，颜色，边框，其他

看一下，刚开始有点没看懂，结构/表现/行为分离，不是HTML  CSS  JS独立出来的的？这个也叫结构/表现/行为分离？以前也看过类似的文章，不过没什么太在意，不过以后也要加强这方面的要求了

按照字母顺序排列，一开始你会觉得效率很低下，还要记，但只要你稍稍熟练一点，就会发现这种方式非常好用。你用别的方式，最开始也是要花时间去记忆的。而且有的不是那么容易划分类别的，有可能会混淆。

我知道结构、行为、表现分别指HTML、CSS、JS。我这样说只是想把CSS中的属性也分一下类，完全是自己的一些想法，闭门造车了。