CSS（层叠样式表）是网页设计的重要一部分，可以让我们的网站看起来更美观、有条理。而将CSS放在外部，有以下几个好处：
1.减少HTML代码量：如果把CSS代码写在HTML的style标签内，会让代码变得繁琐，而且每个页面都需要重复编写相同的CSS，不便于理解和维护。所以，将CSS放在外部可以省去这些不必要的代码。
2.重用CSS：如果将所有的CSS放在一个外部文件中，这个文件可以被所有的页面引用，从而减少代码的重复。如果在需要修改CSS时，只需要修改一个文件，就可以将这些修改应用到所有的网页中。
3.提高页面加载速度：将CSS放在外部的文件中，可以让CSS文件与HTML文件分开加载。当浏览器请求一个HTML时，它不需要下载与之相关的CSS和JavaScript文件，这样可以大大提高页面的加载速度。
以下是如何将CSS放在外部的代码实现：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在head标签内，添加一个link标签，指定rel属性为stylesheet，type属性为text/css，href属性为CSS文件所在的路径。这样，浏览器就会下载并加载这个CSS文件，渲染页面时就会应用这些样式。