我现在正在制作一个网页,并且刚刚开始处理内容/CSS。我在过去构建了许多网页,并使用两个不同的 CSS 文件(reset.css 和 styles.css)来设置我将要创建的页面的样式。
但是,当我创建这个最新页面时,<title>
标签在我测试时显示在网页中。有什么办法可以解决这个问题吗?
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<title>HOME _ JWD</title>
</head>
<body>
<div class="container">
<div class="header">
<div class="header-logo"></div>
<div class="header-navbar">
</div>
</div>
</div>
</body>
</html>
重置 CSS HTML { font-family: 'Open sans', sans-serif;
body {
margin: 0px;
}
* {
display: block;
text-decoration: none;
}
样式 CSS
.container {
width: 100%;
}
.header {
width: 100%;
height: 75px;
background-color: #666666;
display: block;
line-height: 75px;
}
.header-logo {
background-image: url(../images/logo_fullwidth.png);
background-repeat: no-repeat;
height: 75px;
}
@media screen and (max-width: 480px) {
.header-logo {
background-image:url(../images/logo_mobile.png)
}
}
最佳答案
你有:
* { display: block; }
<head>
<title>HOME _ JWD</title>
</head>
您的 css 也隐式包含此内容:
head, title { display: block; }
你看到你做了什么吗? :) 如果你真的想阻止一切,你可以通过写来修复它:
body * { display: block; }
关于HTML <title> 标 checkout 现在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27712551/