Question

在我的css文件中，我有以下代码，并希望将其应用于我的表格标题

 caption 
 {
 color:green;
 font-style:bold;
 }

我的html文件

<html> <head>

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

<title>Home Page - My Schedule</title> </head> <body>

<center> <h2>write your name here...</h2> 

<a href="index.html">Home Page</a>  <a href="CV.html">My CV</a>  <a href="Schedule.html">My Schedule</a>  <a href="Icourses.html">My Courses</a>  <a href="Banner.html">Banner</a> <a href="Links.html">Links</a> <a href="Frames.html">Frames</a>

<br/> <table border="1" width="800" height="300" align="center"> <caption><h3>My Schedule</h3></caption>

<br/> <thead> <tr align="center"> <td><img src="img3.jpg" alt="" width="200" height="280"></td> <td colspan="4"><center><h4>write your name here - level 4</h4> </td> </tr> </thead> <tr align="center"> <td>1</td> <td>Web Design</td> <td bgcolor="#C0C0C0" >Off</td> <td colspan="2">management</td> </tr> <tr align="center"> <td>2</td> <td>management</td> <td bgcolor="#C0C0C0" colspan="3">Off</td> </tr> <tr align="center"> <td>3</td> <td bgcolor="#C0C0C0">Off</td> <td >management</td> <td colspan="3">management</td> </tr> <tr align="center"> <td>4</td> <td>Web Design</td> <td>management</td> <td>math</td> <td bgcolor="#C0C0C0">Off</td> </tr> <tr align="center"> <td>5</td> <td bgcolor="#C0C0C0" colspan="4">Off</td> </tr> </table> 



<a href="index.html">Go Back</a>  </center> </body> </html>

但问题是代码在IE上正常运行但在Firefox和Chrome上无法运行。我试图清除缓存，但没有任何帮助。

其次，我的网站位于以下路径

C:\Users\user\Desktop\My Website

和我的css文件在以下路径

C:\Users\user\Desktop\My Website\styles

我无法在此子文件夹中链接css文件

我尝试了以下代码

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

但没有工作。

Answer 1

替换

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

使用

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

您尚未告知HTML文件mystyles.css文件位于styles文件夹中。

<强> FYI ..

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

将是C:\Users\user\Desktop\mystles.css

和

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

将是C:\Users\user\Desktop\styles\mystles.css

CSS文件IE firefox chrome

1 个答案: