html - 深夜教师问题 : Linking stylesheet

标签 html css

我的网页没有链接样式表。不知道这是怎么回事这是我第一次使用样式表。需要了解我是否只是遗漏了什么。如果有助于理解我的错误来源,愿意发送整个文档。我有。路径都在根文件夹中。不知道我错过了什么。救命!!

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>REID RULES IT</title>
<meta charset="utf-8" />

</link rel="stylesheet" href="style.css" type="text/css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body class="body">
....
..
.
</body>
</html>

CSS

body {
background-image: url('img/logo.jpg');
color:#000305;
font-size: 87.5% /* base font size is 14px */
font-family: Arial, 'Lucida Sanas Unicode';
line-height: 1.5;
text-align: left;
}

 a {
     text-decoration: none;
 }

 a:link, a:visited {
 }

 a:hover, a:active {
 }

 .body {
   margin: 0 auto;
   width: 70%;
   clear:both;
 }

 .mainHeader img{
     width: 30%;
     height: auto;
     margin: 2% 0;
 } 

.mainHeader nav {
    background-color: #666;
    height:40px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;


.mainHeader nav ul { 
    list-style: none;
    margin: 0 auto;
}

 .mainHeader nav li {
    float: left;
    display: inline;
 }  

最佳答案

你有一个简单的错字。应该是<link而不是 </link

使用验证器,例如 http://validator.w3.org马上就会发现这个问题:

Error: Stray end tag link.

关于html - 深夜教师问题 : Linking stylesheet,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33207142/

相关文章:

html - 如何使用 rel=preload 预加载素材图标?

android - 如何在webview中获取缩放视口(viewport)的宽度和高度?

html - 背景图片背后的谷歌翻译下拉菜单

html - IE9 渲染问题 - 空白条(水平线)

html - 使用 CSS text-decoration : underline 时去除一个像素间隙

javascript - 操作 "imaginary"元素是否比当前在 DOM 中的元素更快?

javascript - 简单 JSON 对象未在 Javascript 中求值

css - 通过单击数字更改 div 背景

css - 字母间距 css 后的内容

html - Edge 是否应该避免使用 HTML 元标记?