将css连接到html文件的麻烦

我在将我的CSS文件连接到我的HTML文件时遇到了一些问题。这是我的HTML文件代码：将css连接到html文件的麻烦

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href=“styles.css"> 

    <title> BLAH BLAH | Portfolio </title> 
</head> 

<body> 
    <div class =“links”> 
    <ul> 
     <li><a href=“#”>ABOUT</a></li> 
     <li><a href=“#”>PROJECTS</a></li> 
     <li><a href=“#”>CONTACT</a></li> 
    </ul> 
    </div> 

<h2> BLAH BLAH </h2> 

</body> 
</html>

，这是我的CSS文件至今：

.links li{ 
display:inline; 
}

我只是试图让列表（约，项目，接触）是在我的页面顶部以直线形式呈现。但是，即使在应用了CSS代码之后，格式也不会在我的网页上发生变化，而是呈现在三条独立的行上。我想知道如果有人能帮我弄清楚我做错了什么？

顺便说一句我的CSS文件名为styles.css的

来源

2015-09-10 asdfgh

看起来你有一些拼写错误，请注意'“styles.css的‘>'的报价必须是'’'和'没有“'。因此，请将文件中的所有引号更改为正确的引号。注意这贯穿整个文件。 –

@asdfgh我会推荐Windows上的Notepad ++或Mac OS上的文本Wrangler（其他人可能会在这里跳转到他们最喜欢的编辑器，但这个想法是使用任何编译器都是在编程时考虑到的）。这样你就不会得到这个引号自动更正的螺丝。 –

您没有使用引号的href。

<link rel="stylesheet" href=“styles.css"> 
<!--      ^  -->

这就是CSS文件未加载的原因。使用正常的双引号。

<link rel="stylesheet" href="styles.css">

同样的事情在完整的代码中完成。在所有的事件中改变这一点。

.links li { 
 
    display: inline; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <!-- <link rel="stylesheet" href="styles.css"> --> 
 

 
    <title>BLAH BLAH | Portfolio</title> 
 
</head> 
 

 
<body> 
 
    <div class="links"> 
 
    <ul> 
 
     <li><a href="#">ABOUT</a> 
 
     </li> 
 
     <li><a href="#">PROJECTS</a> 
 
     </li> 
 
     <li><a href="#">CONTACT</a> 
 
     </li> 
 
    </ul> 
 
    </div> 
 

 
    <h2> BLAH BLAH </h2> 
 

 
</body> 
 

 
</html>

我建议你从W3

来源

2015-09-10 03:50:19 Tushar

当我通过Skype或其他可怕的程序共享代码时，我总是看到这一点。 – ryanpcmcquen

<link rel="stylesheet" href=“styles.css">验证你的HTML假设你的样式表的文件名是styles.css的和文件位于同一文件作为你的HTML页面，你正确地引用了这个。此外，您可以尝试添加类型到你的链接标签（如下所示）

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

来源

2015-09-10 03:54:19

只是改变“与“

，因为这个语法错误的：浏览器生成以下错误：

GET file：/// C：/Users/Md.%20Alamin%20Mahamud/Desktop/New%20folder/%C3%A2%E2%82%AC%C5%93styles.css%22 net :: ERR_FILE_NOT_FOUND

下面的代码片段将正常工作

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 

    <title> BLAH BLAH | Portfolio </title> 
</head> 

<body> 
    <div class ="links"> 
    <ul> 
     <li><a href="#">ABOUT</a></li> 
     <li><a href="#">PROJECTS</a></li> 
     <li><a href="#">CONTACT</a></li> 
    </ul> 
    </div> 

<h2> BLAH BLAH </h2> 

</body> 
</html>

来源

2015-09-10 03:56:25 alamin

将css连接到html文件的麻烦

回答

相关问题