链接CSS和HTML文件
[英]Linking css and html files
问题描述
我尽力将CSS样式表链接到HTML文件，对您的所有帮助将不胜感激！
- 他们在同一个文件夹中
- 我的选择是记事本++（如果有帮助）
- 每个文件的命名正确
- 我尝试了多种浏览器
我的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Christian Potts' Virtual Resume</title>
<style>
<link rel = "stylesheet"
type = "text/css"
href = "style.css" />
</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
样式表：
/* style.css */
h1 {
color: Blue;
}
3 个解决方案
解决方案1
1 2017-07-22 22:13:47
删除<link>标记周围的<style> <link>标记。
<style>标记用于为HTML文档（称为CSS）定义样式信息。 在<style>元素内，您可以通过编写CSS来指定HTML元素在浏览器中的呈现方式。
用<style>编写纯CSS。 您不能在<style>标记内链接样式表。
您应该以此结束：
<!DOCTYPE html> <html> <head> <title>Christian Potts' Virtual Resume</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <h1>Hello World</h1> </body> </html>
解决方案2
0 2017-07-22 22:16:07
删除包裹在<link>标签周围的<style >标签。
解决方案3
0 2017-07-23 06:22:58
您的标签应位于head标签中，而不是style标签中
因此如下所示：
<!DOCTYPE html>
<html>
<head>
<title>Christian Potts' Virtual Resume</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
以HTML链接CSS文件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.