html样式表可以放在末尾吗,css文件应该放在哪里？

在web页面设计中，一般在HTML中不直接写样式，而是通过link标签引用一个CSS文件。那么css文件应该放在哪里？下面本篇文章给大家介绍一下，希望对大家有所帮助。

css文件应该放在哪里？

css文件应该放在HTML顶部的head中。

why?

link标签里面的href(HyperText reference)属性表示超文本引用，当CSS使用href引用，浏览器会识别该文档为CSS，并行下载，不会停止对当前文档的加载，在加载html生成DOM tree的时候，就可以同时对DOM tree进行渲染，这样可以防止闪跳，白屏或者布局混乱。

最理想的情况，我们希望浏览器逐渐的渲染下载好的CSS，将页面逐渐的展现给用户。但是浏览器为了避免样式变化时重新渲染绘制页面元素，会阻塞内容逐步呈现，浏览器等待所有样式加载完成之后才一次性渲染呈现页面。

CSS文件如果放置底部，浏览器阻止内容逐步呈现，浏览器在等待最后一个css文件下载完成的过程中，就出现了“白屏”(新打开连接时为白屏，尔后先出现文字，图片，样式最后出现)。这点非常严重，因为在网速非常慢的情况下，css下载时间比较长，这样就给用户带来“白屏”的时间自然也就很长了，用户体验非常差。

将CSS放在底部，页面可以逐步呈现，但在CSS下载并解析完毕后，已经呈现的文字和图片就要需要根据新的样式重绘，这是一种不好的用户体验。

更多web前端开发知识，请查阅 HTML中文网 ！！