1、css样式命名：
1.总的原则要语义化，避免结构化。例如：一个导航条，可以分配ID为rightHandNav，因为你希望他出现在右边。但是，如果以后将他的位置改在左边，那么css和(x)html就会不同步。所以将这个元素命名为subNav或者secondNav更合适。2.样式名称可由贴近语义的英文词组、规范易懂可接受的英文简称、数字、中杠（-）和下划线（_）来命名，减少用中文拼音的习惯，杜绝使用中文（虽然可以支持）。
2、css名称书写原则：
1.单个词全部小写。例如：外容器，可用container或者wrapper；
2.多个词组有两种写法：{dy}种是全部小写，并用中杠（-）或下划线（_）将词组隔开，例如：主版块新闻，可以用main_news或main-news（个人推荐前者）；另一种方法叫“驼峰命名法”。多个单词组合在一起，{dy}个单词小写，第二个单词首字母大写，如:newRelease（{zx1}产品/new+Release)。
3.尽量避免太多单词的组合，记忆和维护都不方便。
3、css属性分类：
纵观css常用属性，大致可以分为四类：自身属性、文本属性、布局定位属性和其他属性。自身属性主要包括：width（宽）、height（高）、background（背景）、border（边框）；文本属性主要包括：font（字体）、color（颜色）、text-align（对齐方式）、text-decoration（文本修饰）、text-indent（缩进）等；布局定位属性主要包括：margin（外补丁）、padding（内间距）、float（浮动，包括clear）、position（定位，相应的top,right,bottom,left）、display、visibility 、overflow（溢出）等；其他属性包括：list-style(列表样式)、vertical-vlign（垂直对齐方式）、cursor（光标类型）、z-index（层叠顺序）、zoom等。我所列出的这些属性只是最常用到的，不代表全部。
4、css属性书写顺序。
这个问题可能有的人觉的没有必要讨论，每个人都各有习惯，不好强求。但我觉得，系统的，有规则的排列还是很有必要的。而我的样式书写顺序，恰恰用到了上面提到的属性分类。基本顺序是：自身属性->布局定位属性->文本属性->其他。我所理解的这个顺序，主要是通过视觉而进行定位的，比如看到一台电视机，首先是他的大小、颜色外观性的东西；然后才会关注他的位置，究竟是在电视柜上还是沙发？接下来打开电视，欣赏精彩的节目。。。至于每个分类里具体属性的顺序，则可以按照首字母的顺序，也可以根据自己的习惯。关于此项另见
5、css属性的排列。
是单个样式一行到底还是逐行短句？多层结构样式是继承还是缩进？
从可读性和维护性角度考虑，逐行短句更好，对于初学者也容易读懂；但对于一个大站来说，会有很多的样式，如果都采用这样的书写，会对页面空间造成极大的浪费，而且太多行找起来也不是很容易。对css掌握比较熟练后其实可以试着单行书写，这样不用总是换行，也提高了工作效率。或者有种折中的方法：利用我上面讲到的属性书写顺序，每类属性写一行，这样对于有很多属性的样式也只有4行，如果少的话就直接写在一行。
至于第二个疑问，从个人角度讲，如果是多层结构，继承要比缩进好。因为继承可以直观的表现出各个样式的关系，而且可以通过不同结构的优先级来控制样式的显示效果。有个小问题，理论上讲，样式嵌套不易太多层，因为会影响样式的读取速度，建议嵌套不要超过5层。所以，在采用这种结构时，一定要灵活的把控机构，相信这点对于你一定是游刃有余。
