风格和写作顺序？
样式有没有书写顺序？样式这么简单，难道不能随便写吗？很多初学者，甚至一些有一定工作经验的程序员，都会问这个问题。样式的书写顺序对页面有影响吗？答案是有的。如何写好CSS样式，也是一个优秀开发人员必须知道的！而且要养成习惯，融入到开发中去！好的习惯不是一点一滴就能养成的。
为什么要讲究书写顺序？
减少浏览器重排，提高浏览器渲染DOM性能
浏览器渲染原理
①：解析HTML构建DOM树，解析CSS构建CSS树：将HTML解析为树形数据结构，将CSS解析为树形数据结构
②：构建渲染树：DOM树与CSS树合并后形成的渲染树。
③：布局渲染树：有了渲染树，浏览器就已经知道那些网页中有哪些节点，每个节点的CSS定义以及它们的从属关系，从而计算出每个节点在屏幕上的位置。
④：绘制渲染树：根据计算的规则，通过显卡将内容绘制到屏幕上。
解析 CSS 样式到显示在浏览器屏幕上发生在步骤 ②③④ 中。可以看出，浏览器在获取到 CSS 样式之后并不是立刻开始解析，而是按照 CSS 样式的书写顺序，按照 DOM 树的结构进行分发渲染样式，完成步骤 ② 后，再开始遍历各个树节点的 CSS 样式进行解析。此时 CSS 样式的遍历顺序完全按照之前的书写顺序。
样式的书写顺序对网页有何影响？
例如以下代码：
当浏览器解析到display的时候，突然发现这个元素是块级元素，但是之前是作为内联元素渲染的！这时候就得回去重新渲染，把span标签解析成块级元素了。正确的做法是，在样式中先写display，从头开始把span标签渲染成块级元素。
我们来看另一个例子：
此例当解析到position时突然发现元素是绝对定位元素，需要脱离文档流，但是之前解析为普通元素，所以要重新渲染。绝对定位是建立在已经定位的父元素基础上的，如果父元素大小不一样，.box大小会重新改变，导致页面闪烁。定位也是脱离文档流的，上浮可能会影响其他元素的排列布局。
能一次通过就渲染两次，太浪费性能了，大量的页面重绘会造成页面闪烁，影响用户体验。
建议的书写顺序是怎样的？
我们应该按照什么顺序来编写样式？
（1）定位属性：
（2）自身属性：
（3）文字样式：
（4）文本属性：
（5）CSS3中的新属性：
更加细分
