CSS不是'；t加载，为什么它在括号中显示良好，但在实际浏览器中显示不好？_Css_Twitter Bootstrap

CSS不是'；t加载，为什么它在括号中显示良好，但在实际浏览器中显示不好？

css twitter-bootstrap

CSS不是'；t加载，为什么它在括号中显示良好，但在实际浏览器中显示不好？,css,twitter-bootstrap,Css,Twitter Bootstrap,我一直在括号中编写和编辑它，直到我在chrome或firefox这样的浏览器中查看它之前，一切都很好由于括号在后台运行本地服务器，请尝试在双斜杠前面添加http:或https:。请将项目设置为本地web服务器在web开发环境中使用web服务器的优势虽然您当然可以在本地计算机上创建和测试HTML页面，而无需web服务器，但大多数web专业人员都使用自己的web服务器在开发环境中使用web服务器有许多优点。当然，在生产托管环境中，web服务器是必不可少的。而且，根据您的网站，web服务器在您

我一直在括号中编写和编辑它，直到我在chrome或firefox这样的浏览器中查看它之前，一切都很好

由于括号在后台运行本地服务器，请尝试在双斜杠前面添加

http:

或

https:

。

请将项目设置为本地web服务器

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

虽然您当然可以在本地计算机上创建和测试HTML页面，而无需web服务器，但大多数web专业人员都使用自己的web服务器

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

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

在实践中，您可以为不同的目的（如测试、培训、原型等）创建许多网站副本，但现在我们只将其称为“开发环境”

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

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

不使用Web服务器查看HTML文件

当有人学习如何编写HTML代码时，他们首先要做的事情之一就是如何查看他们（新创建的）HTML文件。他们将了解到，您只需双击HTML文件，这将在他们的web浏览器中启动它。从那时起，他们就可以按预期的方式查看自己的网页/网站

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

file:///C:/Documents%20and%20Settings/Homer%20Simpson/My%20Documents/index.html file:///C:/Inetpub/wwwroot/index.html

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

使用Web服务器查看HTML文件

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

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

此外，即使您没有使用服务器端语言，它仍然可能会导致您在开发一个在web上表现出应有行为的网站时遇到问题

通过web服务器查看网页时，URL以http:///开头。此外，URL将由IP地址或域名/主机名组成

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

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

我应该添加样式表以外的内容，我在本地没有这些文件，我从这里得到了主题：您的浏览器控制台中有任何错误吗？是的，这些，但我不知道如何纠正。我下载的文件在itSo中没有任何其他内容。如果您在本地提供文件，则需要为外部引用指定方案。（即HTTP或HTTPS）@DavidG Soo我的答案是正确的？如果没有URL的

HTTP:

部分，浏览器就可以使用页面中使用的方案。这是非常有效的，并且经常被推荐。非常感谢你xDarn it Flink！打败我！

<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" />