css为什么要放在head标签中

CSS（层叠样式表）是一种用于描述HTML元素如何被显示的语言。在HTML文档中，CSS可以被放置在HTML页面中的三个位置： 标签内、标签内或者外部的CSS文件中。然而，通常情况下我们把CSS样式表放在标签中，以下是CSS放在标签中的几个好处：

1. 加载顺序

浏览器在加载网页时会从上到下逐行解析HTML文档，因此如果我们把CSS放在标签内，浏览器会先加载CSS，之后再去加载HTML。这个顺序相对而言比较合理，因为只有当有了CSS样式才能确保HTML文档的正确显示。

而如果我们把CSS放在标签内，浏览器必须先加载整个HTML文档，然后在遇到CSS之后才能对内容进行排版、样式渲染等处理。这会导致在CSS加载之前网页的内容会显示出浏览器的默认样式，这种体验是用户不想看到的。

2. 适应性

CSS样式可以用来适应不同的媒体和设备，如打印机、屏幕、移动设备等。而在标签中添加CSS样式可以让网页在不同的场景下呈现出最佳的视觉效果。

示例一：CSS样式放在标签中可以避免移动设备的闪动

移动设备在加载网页时，由于网络速度的限制，往往需要一些时间来加载CSS文件。如果把CSS放在标签中，当移动设备渲染HTML文档时，由于没有CSS的支持，会先渲染HTML文档的基础框架，然后在有CSS的情况下重新布局和渲染，这会导致一个丑陋的闪动效果。而把CSS放在标签中可以让移动设备在HTML文档首次加载时就获取到CSS文件，并根据CSS文件进行渲染，从而避免闪动。

示例二：CSS样式放在标签中可以为打印机提供最佳的打印效果

在打印网页时，如果我们想要让网页打印出来的效果更好看，我们往往会使用CSS样式来美化打印结果。而把CSS样式放在标签中可以确保这些样式被应用到打印机输出的结果中，而如果将其放在其他位置可能会导致其不能正确地在打印中应用。

总之，把CSS样式放在标签中可以确保网页首次加载时就被正确地渲染展示，并在不同的媒体和设备上呈现出最佳的效果。