如何将html代码与css代码分离

我有一个包含html和css代码的文件。如何将某些文件中的html代码和其他文件中的css分开？？

是。您可以将css保存在.css文件中。然后在您的HTML头标签中，您可以执行<link rel='stylesheet' href='yourcssfile.css'>

<html>
  <head>
    <link rel='stylesheet' type='text/css' href='yourcssfile.css'>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

在yourcssfile.css 中

p {
  color:red;
}

这将使段落文本变为红色，并且您的CSS位于不同的文件中。

只需将CSS代码放入file.css中，并将其包含在HTML文件中。

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

相关内容