我使用编写CSS的外部方法将CSS链接到html时遇到问题

时间:2019-05-28 18:31:14

标签: html css

一直在尝试使用css外部方法链接我的html和css编写代码,有人可以请我通过吗?

4 个答案:

答案 0 :(得分:-1)

确保您的HTML和CSS文件位于同一目录中,然后使用以下方法:

<link rel="stylesheet" href="my CSS file name.CSS" type="text/CSS"> 

答案 1 :(得分:-1)

1。将css文件重命名为style.css,并且html文件应为index.html  2.将您的css和html文件放在同一目录中。  3.写这是你的css文件(用于测试)

body{
 background-color:red;

}

4。并且您的html文件应如下所示:

<html>
<head>
    <link rel='stylesheet' href='style.css'>
</head>
<body>
</body>

5。在浏览器中运行index.html

答案 2 :(得分:-1)

如果您的css文件与html文件位于同一文件夹中,则链接将采用以下方式。

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

如果您的css文件位于根目录中的另一个文件夹中,则:

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

答案 3 :(得分:-2)

您可以在chrome开发人员工具中进行检查,并查看外部文件是否显示404错误(“控制台”标签)。 或者,确保外部CSS文件路径正确。

外部CSS引用:

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

希望这会有所帮助。