Question

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" rel="stylesheet" />
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<!-- style sheet -->
<link rel="stylesheet" href="css/styles.css" />

我一直在使用Brackets编写和编辑它，并且一切顺利，直到我在chrome或firefox等浏览器中查看它。

Answer 1

由于Brackets在后台运行本地服务器，请尝试在双斜线前面添加http:或https:。

Answer 2

请将您的项目设置到本地Web服务器

在Web开发环境中使用Web服务器的优势

虽然您可以在没有Web服务器的情况下在本地计算机上创建和测试HTML页面，但大多数Web专业人员都使用自己的Web服务器。

在开发环境中使用Web服务器有许多优点。当然，在生产托管环境中，Web服务器是必不可少的。而且，根据您的网站，Web服务器在您的开发环境中确实是必不可少的。

当我说“开发环境”时，我指的是您的网站副本，通常是在本地计算机上，用于在将其提交到实时（生产）环境之前执行更新。

在实践中，您可以为不同的目的（例如测试，培训，原型等）拥有许多网站副本，但我们暂时将其称为“开发环境”。

以下是在开发环境中使用Web服务器的一些优点：

您的本地网站更像是现场网站。例如，您可以在将它们提交到生产环境之前配置目录安全性，测试自定义错误页面等。您可以使用服务器端脚本语言，如PHP和ColdFusion。允许您标准化编码。例如，您可以为图像引用和超链接使用根相对路径（例如，/ directory / image.gif）。换句话说，您的路径可以表示网站结构，而不是计算机的目录结构。知识。您从使用自己的Web服务器获得的知识将帮助您了解它在实时环境中的工作方式。当您需要与托管服务提供商进行通信时，这肯定会对您有所帮助 - 您将能够使用术语，使他们更容易理解您的请求/问题。

查看没有Web服务器的HTML文件

当有人学习如何编写HTML代码时，他们学习的第一件事就是如何查看他们（新创建的）HTML文件。他们将了解到您只需双击HTML文件，这将在他们的Web浏览器中启动它。从那时起，他们可以查看他们想要查看的网页/网站。

以下是在没有Web服务器的情况下查看网页时URL的一些示例：

文件：/// C：/Documents%20and%20Settings/Homer%20Simpson/My%20Documents/index.html 文件：/// C：/Inetpub/wwwroot/index.html

这些示例使用文件协议来显示文件。

使用Web服务器查看HTML文件

上述方法的一个问题是，您没有使用HTTP协议查看网站（而是使用文件协议）。

现在，如果您只使用HTML，CSS和客户端JavaScript等客户端语言，则通常不会出现问题。但如果您尝试使用PHP，ColdFusion等服务器端语言，则会出现问题。

此外，即使您没有使用服务器端语言，它仍然可能会导致您在开发网站方面遇到问题时出现问题。

当您通过Web服务器查看网页时，URL以http：//开头。此外，URL将包含IP地址或域名/主机名。

以下是通过网络服务器查看网页时网址的一些示例：

http://127.0.0.1

http://localhost

http://www.quackit.com

http://dev.quackit.com

首次设置网络服务器时，您通常可以导航到默认网站，输入http://localhost或http://127.0.0.1。当您添加更多网站时，您需要为它们创建自己的URL（通过DNS服务器或主机文件），然后通过您的Web服务器将该URL分配给您的网站。

CSS没有加载，为什么它在Brackets中表现不错而在实际浏览器中没有显示？

2 个答案: