链接外部CSS文件的问题

时间:2019-11-24 04:26:43

标签: html css

我已经尝试过太多次了,无法从外部链接css文件,但是它仍然无法正常工作。使用内部CSS和内联CSS可以正常工作,但不能使用外部CSS。我已经多次检查该文件的名称,位置和文件夹,但仍然找不到任何解决方案。这是我的一些代码。

<!doctype html>
<html>
<head>
<title>My Webpage</title>
 <link rel="stylesheet" type="text/css" href="Samar/s.css"/>
</head>

<body>
<img src="samar.jpg" width="300" height="370" align="right" alt="My Image"/>
<h1><center><i>  Welcome to Samar Club  </i></center></h1>
<p>  Hello Everyone, My name is Samar. I am here to give you guys the solutions of NCERT Maths problems.</p>




</body>
</html>

这是我的css文件

h1{   
        font-family: Arial;
        font-size: 37px; 
     border: 12px double grey;  
       color:maroon;
     }
p{     
      text-align:right;
      font-family:sans-serif;
      font-weight:bold; 
      font-size:25px;
      margin-top:35px;
      background-color:yellow;
     }
	 

1 个答案:

答案 0 :(得分:0)

问题是您的CSS文件路径。

  1. 首先请确保您已保存带有.css扩展名的css文件。
  2. 如果您的html文件和css文件都位于同一文件夹中,请使用css文件路径作为1
  3. 如果您的html文件和css文件位于不同的文件夹中,请从html文件所在的位置给出css文件的路径。 例如:css文件驻留在ParentFolder-> CssFolder-> s.css中。 HTML文件位于ParentFolder-> HtmlFolder-> a.html。然后将css文件的路径用作href="s.css"