Tel*_*Vaz 2 html css hyperlink
我有链接html和Css的问题,不知道为什么.我正在做的就像书和教程所说的那样.但是,我没有做css的外部配置.
这是代码(只是一个测试):
<!DOCTYPE html>
<html lang = "eng">
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>title</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheets" type="text/css" href="/styles.css">
</head>
<body>
<h1>test</h1>
</body>
</html>
和CSS:
body {
background-color:#CCCCCC;
}
h1 {
color:#0000EE;
}
也许我会错过一些东西,因为当我做内部css(在我的html代码中)时,它就可以了,并且Web浏览器能够读取它.看起来html没有与css链接,但它甚至在同一个文件夹中,所以路径不应该是问题.
我正在使用Linux和Aptana Studio.
我在过去的2个小时里搜索了很多,但找不到错误的位置.
我邀请您阅读本文绝对和相对路径
然后我们传递给你的代码:
<link rel="stylesheets" type="text/css" href="/styles.css">
应该 :
<link rel="stylesheet" type="text/css" href="styles.css">
您styles.css应该与html文件位于同一文件夹中.
要验证您是否有错误,请检查浏览器的控制台,您会注意到您的文件不存在(404错误).
使css正常工作的另一种方法是将其集成到页面中而不会分离:
例:
<style type='text/css'>
body {
background-color:#CCCCCC;
}
h1 {
color:#0000EE;
}
</style>
| 归档时间： |
|
| 查看次数： |
26563 次 |
| 最近记录： |