从HTML5开始，为了提高网页的重载速度和可维护性，引入了外部CSS优化网页结构和样式布局。CSS可以通过link标签、@import规则、style标签等方式加载到HTML文档中。

<link rel="stylesheet" type="text/css" href="main.css">

link标签是HTML的标准标签之一，用于引入HTML文档和外部CSS之间的链接。其中，rel属性指定为“stylesheet”，type属性指定为“text/css”，href属性指定外部CSS文件的URL地址。此方法是HTML5中的标准做法，也是我们最常使用的注入CSS方式。

@import url("main.css");

@import规则比较不常用，但是如果需要在网站中动态加载CSS时可以使用该方法。在CSS的文件中通过@import规则引入其他CSS文件。注意：该方法可能会对SEO产生一定的影响，因为搜索引擎在解析网页时会忽略解析@import内部的css代码。

<style type="text/css">
/* css代码 */
</style>

style标签是将CSS代码注入到HTML文件内的用法，常用于网站的样式处理和代码调试。但是，样式代码几乎无法命中浏览器缓存，因此影响网站速度。一般情况下，推荐使用link方法载入CSS文件。

以上便是关于CSS连接代码的说明。在开发网站过程中，应该根据实际情况选择不同的注入方式，来提高网页的重载速度和可维护性。