Question

WAMP服务器加载index.html就好了，但没有加载任何额外的css样式表和脚本文件。

我试过这些

<link rel="stylesheet" href="wamp/www/AngularJS_Practice/css/style.css"/>
<link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="css/style.css"/>

编辑

我当前的index.html页面是

<!DOCTYPE HTML>
<html lang='en'>
<head>

<title>Electronic Components</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>
<h2>Lorem Ipsum</h2>


</body>
</html>

编辑2 CSS

h2 {

color: orange;
font-style: italic;

 }

Answer 1

刷新浏览器缓存。按'Ctrl + F5' 那就行了。

Answer 2

我已经意识到样式表实际上是连接到html文件，但是没有出现应用了样式的第一个元素，但是，样式表中的任何其他元素都显示得很好。

这就是我现在设置样式表的方式。

<div class="editor-item">
<label for="Location">Location</label><input class="input-validation-error ui-autocomplete-input" data-jqui-acomp-delay="400" data-jqui-acomp-hiddenvalue="LocationId" data-jqui-acomp-minlength="3" data-jqui-acomp-source="/Loc/Search" data-jqui-type="autocomplete" id="Location" name="Location" type="text" value="123 wrong address" autocomplete="off">
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><span class="field-validation-error" data-valmsg-for="Location" data-valmsg-replace="true">Location not found</span></div>

Answer 3

您忘记使用类型

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

另请注意

 <link ....>  // this is right
 <link ..../> // avoid this

您的HTML文件似乎正确，请尝试在css文件夹中创建这个小的css文件并链接到它

body{background-color:blue;}

测试此

Answer 4

我有同样的问题，对我有用的是

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

享受

Answer 5

从网址栏中选择完整网址，然后按Enter...。 ;）

使用WAMP服务器

5 个答案: