书写方法自由灵活，没有一定的局限。但是常期以来为了阅读和维护等方面的经验，一般都是这样的格式：
标名 {
属性：属性值
属性：属性值；
}
当然这样大家都能理解，你自己也好维护，没有什么特殊的要求的！
为了便于阅读有人建议，CSS分为以下方面的控制：
先写位置等：
如：position:absolute
top,left，width,height等,
空一行，再写布局方面的，如：margin,padding等；
空一行，写字体格式：如line-height等
再空一行，写字体相关！如：font-size,font-color等；
最后是其他的属性！
但一般情况下，我们还是没有必要写那么多的属性值对的！所以就很少有人去空行做这些东西了！
但是一般内容较少时，可以直接写在一行，并不影响阅读的！
纠正一点的是：CSS文件进行调用时并不像一楼所说！不换行可以减少代码的大小！这是毫无根据的臆断！因其会自动解释换行和空白的！代码的大小是因为我们写了一些没有必要的东西所形成的时空代价，比如在body中已经有font-size:9pt而在BODY中的一个DIV中，如果要设置字体为9pt时没有必要再定义font-size:9pt了，如果再定义就是出现代码时的增大。还有一些默认也没有必要写出。
如果真如一楼所说，我想问一下一楼：你知道吗，在CSS中是可以加注释的，请问注释会不会增加代码量？答案是不会！因为其不运行！
sorry,对不起楼上，我说的是运行方面的，没有说下载方面的事。恕我直言，如果有一个人一个不足0。2K的CSS而写了N个GB的注释的话，那他一定有病了！注释不是发文章，一个CSS文件最多能有多少注释？不过我经常遇到写好的CSS进行压缩加密的情况，为了防止别人偷看，至于说能有多少，一个回车只是一个字符，占8bits,一个byte,请问一下，连写与其能有多大分别？再者请问一下为什么还要分开写呢？这是代码的维护时很难读懂的情况下还要讲时间代价吗？
程序的时空代价是指：运行时间与编写时间的相比，存储空间与运行空间的对比。
对于离散型网页来说，下载页面的同时还在下载CSS文件，而且CSS会放在机器的临时文件夹中，这样，整个网站也用不了下载几个CSS，且下次打开网页不须再下CSS。这样你认为呢？
CSS：Cascading Style sheet层叠样式表或级联样式表，是一种样式设置规则，用于控制页面的外观的样式。使用CSS能够实现内容与样式的分离、方便团队开发，有助于样式复用、便于网站后期维护，实现页面的精准控制、让页面更精美。CSS代码书写方式分为三种：嵌入式、外链式、行内式。
嵌入式：将CSS代码嵌入到HTML文件中，嵌入式是通过HTML中的
外链式：外链式是指单独写一个以.css为扩展名的文件，然后在标签中使用标签，将这个css文件链接到html文件中。(注意：css文件不能单独的运行，它必须要依赖于HTML文件)
语法规则：
<link rel="stylesheet" href="css文件的地址">
行内式：将CSS代码书写在HTML标签的style属性中。style是一个通用属性，每一个标签里面都拥有这个属性!
语法格式：
<标签名 style=”属性:值属性:值”>
初学CSS，你需要掌握这些使用技巧：
1、负边距的效果。注意左右负边距表现并不一致，左为负时是左移，右为负时是左拉。
2、BFC应用汇总：阻止外边距合并(margin collapsing)、消除浮动的影响。
3、flex布局：当flex-grow之和小于1时，只能按比例分配部分剩余空间，而不是全部。
4、并不是给元素设置display:block就会自动填充父元素宽度。input 就是个例外，其默认宽度取决于size特性的值。
5、对定位和固定定位时，同时设置left和right等同于隐式地设置宽度。
6、position:sticky，粘性定位要起作用需要设置最后滞留位置。chrome有bug，firefox完美。
7、要使模态框背景透明，用rgba是一种简单方式。
8、display:table实现多列等高布局。css实现定宽高比的原理：padding的百分比是相对于其包含块的宽度，而不是高度。
9、background-position百分比的正确理解方式：图片自身的百分比位置与容器同样的百分比位置重合。
10、background-repeat新属性值：round和space。前者表示凑个整，后者表示留点缝。
11、background-attachment指定背景如何附着在容器上，注意其属性值local和fixed的使用。
12、可以使用outline来描边，不占地方，它甚至可以在里面。
13、浏览器默认显示tab为8个空格，tab-size可以指定空格长度。
14、图片在指定尺寸后，可以设置object-fit为contain或cover保持比例。
15、设置宽度为fill-available，可以使inline-block像block那样填充整个空间。
