2014-09-25 47 views
0

我正在使用Mac并使用textedit创建一个旧的时尚方式的网站。我有一个HTML文件和一个CSS文件。我无法将CSS与HTML链接。下面是我的文件代码:将CSS链接到HTML ......简单

HTML:

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel=“stylesheet” href=“style.css” type="text/css" media="screen"> 

     <title>William’s Physics Webpage</title> 
    </head> 

    <body> 

    <div class = “nav”> 
     <div class = “container”> 
     <ul> 
      <li> About Me </li> 
      <li> Why Physics? </li> 
      <li> Great Thinkers </li> 
      <li> Guest Page </li> 
     </ul> 
     </div> 
    </div> 

    </body> 

</html> 

这里是我的CSS代码:

body { 
    background-color:blue; 
} 

.nav ul { 
    display:inline; 
} 

正如你所看到的,回到地面应该是蓝色的,由于CSS代码,但事实并非如此。我的html文件的文件名是main.html,而我的css文件的名称是style.css

+0

请帮我把css代码链接到我的html代码。谢谢。 – 2014-09-25 04:56:30

+0

您的CSS文件必须被称为style.css,并且它也必须位于相关html文件所在的目录中。 – 2014-09-25 04:59:08

+1

你正在使用的双引号是不对的''不是这个''。使用''这是正确的'' – 2014-09-25 05:08:20

回答

0

如果两个文件都在同一个文件目录中,那么你的代码应该可以工作,除非你试图运行它线上。

确保将正确的路径放到文件中。

3

使用正确“的风格联系起来,他们都错了”

<link rel="stylesheet" href="style.css" type="text/css" media="screen"> 
0

样子media="screen"给我一些错误,请尝试media="print"或不使用的媒体都这样:

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

或者问题是你使用“而不是”,因为你从某处复制并粘贴错了,试试吧

0

请检查文件路径..如果您HTMLCSS文件驻留在同级别意味着它应该工作正常..否则,如果您已使CSS文件中CSS文件夹或文件夹的一些手段..你的代码会是这样

<head> 
     <link rel="stylesheet" href="flodername/style.css" type="text/css" media="screen"> 
</head>