把CSS代码链接到HTML文件中的4种方法

方法一：把CSS代码写到一个单独的文件在，在html代码中链接这个文件
<link href="layout.css" rel="stylesheet" type="text/css" />

方法二：直接写到CSS代码写到html代码的head标签内，规则只对当前页面有效
<style>
h2 { color:#f00;}
</style>

方法三：把CSS代码写到某个标签内，规则只对标签内的无素有效
<p style="font-size:18px;">内部样式</p>

其它方法：一个CSS文件中还可以导入其它CSS文件，这样的好处是把所有页面都要用的样式写到一个公共样式文件中如：global.css，每个页面只加载自己的CSS规则文件（并在其中导入公共样式），不用把所有页面的规则都写到一个文件中，一个不用加载其它页面的样式
@import url("/css/global.css");