Question

我对这一切都很新，但我现在做了很多次，应该可以找到错误。但我无法弄清楚为什么css文档不会导入到我的HTML。我先搜索并前往W3Schools.com阅读如何使用外部文件，但我找不到为什么它不起作用。对不起，如果答案很明显，但这是我的代码。提前致谢！（如果重要的话，使用NotePad ++）

<html>

    <head>
        <script type="text/javascript" src="DeveloperLogMain.js"></script>
        <link type="text/css" rel="spreadsheet" href="DeveloperLogMain.css">
    </head>

    <body id='body'>
        <div id='head'>
            <h1 id='title'><b>Developing Log</b></h1>
        </div>

        <br>
        <br>
        <br>
        <br>

        <div id='navbar'>
            <ul>
                <li><a href='#'><b>Home</b></a></li>
                <li><a href='#'><b>HTML</b></a></li>
                <li><a href='#'><b>CSS</b></a></li>
                <li><a href='#'><b>JavaScript</b></a></li>
            </ul>
        </div>

        <div id='footcontainer'>

            <footer id='footer'><b>End Of Log</b></footer>
        </div>
    </body>
</html>

css文档名为“DeveloperLogMain.css”。 cointaining

#head {
    position: fixed;
    width: 100%;
    top: 0;
}

#title {
    background-color: DarkRed;
    color: white;
    text-align: center;
    border-bottom: solid;
    border-color: black;
}

#footcontainer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#navbar {
    float: left;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90px;
    background-color: grey;
    position: fixed;
}

li a {
    display: block;
    color: black;
    border: 2px solid;
    border-color: DarkRed;
    text-align: center;
}

li a:hover {
    background-color: black;
    color: white;
}

#footer {
    background-color: DarkRed;
    text-align: center;
    height: 25px;
    color: white;
}

Answer 1

rel应该等于样式表而不是电子表格：

<link type="text/css" rel="stylesheet " href="DeveloperLogMain.css">

将css导入html时找不到错误

1 个答案: