1.位置属性(position, top, right, z-index,
display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing,
color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
2、命名以字母、下划线、美元符号开头，最好是全部用小写
下面有一个文章推荐看一下，希望对你有帮助，望采纳！
https://www.zhihu.com/question/19586885
css大致有4个级别，一个是浏览器默认css，一个是外部css，一个是内部css，一个是内联css，他们的优先级逐渐提高，也就是内联css优先级最高，何为内联，就是标签里设置的css样式，举个例子this is a paragraf.这里直接在标签里设置的样式就是内联样式，而内部css就是在本页面里.body{color:red}来书写的css，而外部css就是引入的外部css样式表了。下面说一下css样式表的设计，刚开始的时候，我感觉如果2个选择器，或者多个选择器拥有相同的css样式，就应该将他们合并，这样既可以节省空间，有方便查看，但是，我的想法在实践中被无情的打击了，当你设计一个大型网站的css时，每一个选择器他们的样式是不固定的，有时候可能会不停的改变，这样入过一个样式修改了，和他公用的选择器怎么办？CSS代码书写顺序：1.位置属性(position, top, right, z-index, display, float等)；
2.大小(width, height, padding, margin)；
3.文字系列(font, line-height, letter-spacing, color- text-align等)；
4.背景(background, border等)；
5.其他(animation, transition等)。
class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-21"是wp中的自定义导航菜单中的CSS，其实是调用了“menu-item”、“menu-item-type-taxonomy” 、“menu-item-object-category”、“current-menu-item”，“menu-item-21”五个样式，它们中间是用空格分开的。在主题类别页当前类别的菜单项中还会多出一个“current-menu-item”。
