如何从CSS代码中分离html代码

时间:2016-05-04 10:21:28

标签: html css

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

2 个答案:

答案 0 :(得分:3)

是。您可以将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位于不同的文件中。

答案 1 :(得分:1)

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

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