Question

我正在试图弄清楚如何测试我的代码是如何工作的，但我似乎无法弄清楚为什么他们不会链接。它们位于同一个文件夹中。我也试图在这个页面上添加一个facebook像素和分析。我会将该代码嵌入到我的HTML文件中吗？

先谢谢

这是我的代码

HTML

<!DOCTYPE html>

<head>
        <title>Full Screen Landing Page</title>
        <link href rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <section class="intro">
        <div class="inner">
            <div class="content">
            <h1>Welcome To The Tribe</h1>
            <a class="btn" href="#">Get Started</a>
            </div>
        </div>
    </section>


</body>
</html>

@import url('https//fonts.googleapis.com/css?family=Raleway');
@import url('https//fonts.googleapis.com/css?family=Oswald');


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;

}

.intro{
    height: 100%;
    width: 100%;
    margin: auto;
    background: url() no-repeat 50% 50%;
    display: table;
    top: 0;
    background-size: cover;
}

.intro .inner{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width:none;
}

Answer 1

它不是<link href rel="stylesheet" href="style.css">

其

<link rel="stylesheet" href="style.css">

它读取了初始href值，因为它是空的，它没有读取任何css文件

Answer 2

链接样式表时，href之前不需要rel。此外，您还有一个结束html代码，但没有开放html代码。

Answer 3

将自定义css类放入style.css文件中，或使用样式标记包含它们，链接标记内也有重复的href属性

<head>
  <title>Full Screen Landing Page</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <style>
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;

    }

    .intro{
        height: 100%;
        width: 100%;
        margin: auto;
        background: url() no-repeat 50% 50%;
        display: table;
        top: 0;
        background-size: cover;
    }

    .intro .inner{
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        max-width:none;
    }
  </style>
</head>
<body>
    <section class="intro">
        <div class="inner">
            <div class="content">
            <h1>Welcome To The Tribe</h1>
            <a class="btn" href="#">Get Started</a>
            </div>
        </div>
    </section>


</body>

麻烦将我的样式表与HTML文件集成

3 个答案: