将 CSS 放入单独的文件中
说到 CSS 的地方放问题，大家可能会好奇为什么有些人偏爱单独立出文件？其实这有很多优点~首先就是调整时超级方便，网页加载也快不少，还有超高的可扩展性！CSS 和 HTML 分开放的话，感觉整个网页都活起来了，处理速度那叫一个飕飕的，而且同一套样式还能在各种网页上通用，避免了重复编写的困扰。
哎哟喂，想像一下，要是每打开一个网页都得输入一次CSS，那该多累！而且还容易出错，要改也麻烦，得四处乱翻。所以，咱们还是把所有的CSS集中在一个专属文件中，这样感觉好多了。
应将 CSS 放在<head>中
咱们聊聊到底咋样儿放CSS文件！直接让CSS代码跟HTML标签黏在一起也挺简单粗暴的。当你浏览HTML文件时，浏览器就直接抓取头部的那部分了，包括各种标签这个事儿。一般在我们看到网页样子前，这个步骤就能完成。
哈喽！头儿上放个css文件，浏览器就可以提前准备好样式咯！一下子网页就能变得炫酷亮眼！
可以将 CSS 放在最后面
最简单的方法是將CSS文件放在網頁最後，開頭就能看到HTML。因為CSS都是後來才下載，這樣網頁就能快速打開了！
你想，如果网页都没全部显示出来，只有一部分能看到，等待 CSS 加载完毕才会全貌出现，是不是挺头疼的？所以，我们先不要急着让 CSS 跑起来，晚个十几秒钟其实也没事。
链接到外部 CSS 文件
为啥在HTML需要引入CSS？!其实就是通过链接标记让网页和css文件搭伙儿，这样所有人都能享受统一的style~
好处就是只要改一次样式表，所有页都会跟着变，省事儿多了！
综上所述
你们说的那个 CSS 文章，其实只要把那些代码全部堆到一个文档里面去，再用 link 标签与 HTML 页面挂钩，放在 head 部分或者 body 的末尾都行。如果是做小站或者单页应用的话，直接放在 body 的尾巴上就可以了。
评论0