.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
另一种是
.class{样式1:样式1
样式2:样式2
样式3:样式3
样式4:样式4}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小，基本没有多余代码，但是对于修改会比较麻烦一点，第二种方式有比较多的代码(回车和空格会影响文件大小，但是影响不大)，但是修改起来比较方便，然而这样竖着写有时样式太多还是容易混乱。现在还没个标准，怎么写顺手就怎么写，简洁主要在布局和使用的样式减少，而不在写法，可以多定义些共用的样式，class="样式1 样式2"可以同时使用多个样式，这样可以节省css代码，而且更清晰
1、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等)
2、命名以字母、下划线、美元符号开头，最好是全部用小写
下面有一个文章推荐看一下，希望对你有帮助，望采纳！
https://www.zhihu.com/question/19586885
