Ase*_* H. 16 html css html5 stylesheet
我完全不知道为什么这不起作用.由于某些原因,HTML文件似乎无法加载CSS,即使两者都在同一目录中.知道可能是什么问题吗？
的index.html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="style.css" media="screen" />
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>
style.css文件
body{
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration: none;
}
#main{
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
以上不起作用.在index.html中添加内联的css工作正常
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
<style type="text/css" media="screen">
body {
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
}
#main {
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
</style>
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>
Sim*_*est 20
加
type="text/css"
到你的链接标签
虽然在现代浏览器中可能不再需要这样做,但HTML4规范将此声明为必需属性.
type = content-type [CI]
此属性指定元素内容的样式表语言,并覆盖默认样式表语言.样式表语言被指定为内容类型(例如,"text/css"). 作者必须为此属性提供值; 此属性没有默认值.
正如你所说，你的两个文件都在同一个目录中。1. index.html 和 2. style.css
我已经复制了您的代码并在我的本地机器上运行它，它工作正常，没有任何问题。
根据我的说法，您的浏览器不会刷新文件，因此您可以通过在 windows 中按 CTRL + F5 来刷新/重新加载整个页面 for mac CMD + R。
如果仍然遇到问题，请尝试一下，然后您可以使用firefox 的firebug工具对其进行测试。
对于 IE8 和谷歌浏览器，您可以按 F12 进行检查，您的开发人员工具将弹出，您可以看到 Html 和 css。
您仍然有任何问题，请发表评论，以便我们可以帮助您。
检查同一目录中的两个文件,然后尝试此操作
<link href="style.css" rel="stylesheet" type="text/css"/>
小智 6
我也遇到过同样的问题（Ubuntu 16.04、Bluefish 编辑器、FireFox、Google Chrome。
解决方法：在Chrome“设置>高级设置>清除浏览数据”中清除浏览数据，在Firefox中，“打开菜单图像右上角工具栏'首选项'>高级”，在菜单中查找此图像：缓存的Web内容单击按钮“立即清除”。浏览器缓存 .css 文件，如果它没有改变，他们通常不会重新加载它。因此，当您更改 .css 文件时，请清除此 Web 缓存，除非您的 .css 文件中存在问题，否则它应该可以工作。和平，斯坦