因为如果先加载HTML，还没加载到CSS，内容就没有任何样式，浏览器就只能以默认样式显示。这段时间网页就没有任何排版布局，就像有时网速太慢打开的网页有内容了但是很乱一样，这种网页CSS文件引入一般靠后。等CSS加载完毕，再运用样式，浏览器有得重新渲染一遍界面，性能和体验都很糟糕。
所以一般CSS写在body前面。
如果你的网站有很多页面部分样式相同，比如有100篇文章，每篇文章除了标题、正文、插图等这些内容不同以外，外观是基本相同的，有相同的头部底部和菜单、导航等等，如此，这100个html页面只需要引用同一个CSS即可，后期网站整体改版了，只需要修改一个CSS文件，其他所有页面的外观就全部跟着变，极大的方便了维护和更新工作。
所以本地项目目录中CSS文件一般放在html之外。有些后台在实际发布后的生产环境中为了加载速度减少http请求次数可能会合并并压缩代码，所以上线的网页看起来似乎没有那么多讲究，但开发时为了团队更方便的管理和维护项目，也方便自己的开发工作，合理的文件目录结构html、css分开，还是必须的。
温馨提示：答案为网友推荐，仅供参考