书写css时为什么要先写position,width, height的大小位置的属性， 后写color, bgcolor等之类的属性

在CSS中，并没有严格的规则要求必须先写位置、大小相关的属性（如 position, width, height），然后再写颜色、背景等视觉样式属性（如 color, background-color）。然而，许多前端开发者确实倾向于按照这种顺序来组织他们的CSS规则，这主要是出于以下几个原因：

1. 可读性：将相关的属性分组在一起可以提高代码的可读性。例如，先设置布局和尺寸相关的属性，然后设置颜色和字体等视觉样式，可以让其他开发者更容易地理解和维护代码。

2. 逻辑性：从逻辑上讲，先确定元素的位置和尺寸，再定义其外观样式，这样的顺序更符合页面渲染的自然流程。首先，你需要知道元素在哪里以及它有多大，然后才能准确地应用颜色、边框等视觉样式。

3. 性能考虑：虽然现代浏览器的渲染引擎已经高度优化，但理论上，先定义布局和尺寸属性可能有助于浏览器更高效地执行渲染流程。因为浏览器在绘制元素之前需要知道其位置和尺寸。

4. 习惯与约定：这种书写顺序也可能源于开发者的习惯和团队的编码约定。一旦形成习惯或团队标准，保持一致性有助于提高代码的可维护性。

5. 调试方便：在调试过程中，如果你首先设置位置和尺寸，那么当你添加或修改视觉样式时，你可以更容易地观察和调整元素在页面上的布局。

总的来说，虽然CSS属性的书写顺序并不会影响浏览器的最终渲染结果，但按照一定的逻辑和习惯来组织代码可以提高代码的可读性、可维护性和开发效率。不过，每个开发者和团队都可能有自己的偏好和约定，重要的是保持代码的一致性和可读性。