Question

我的css文件在html标头中导入不起作用。它不会在页面上显示任何更改。我试图将type =“ text / css”添加到html标头的链接对象中，但这无效。

login.php

<?php

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Login</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <link ref="stylesheet" href="login.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
    <p>Test</p>
    <form class="form-signin">
        <h1 class="h3 mb-3 font-weight-normal">Bitte anmelden</h1>
...
        <button class="btn btn-lg btn-primary btn-block" type="submit">Anmelden</button>
    </form>
</body>
</html>

login.css

html,
body {
    height: 100%;
}

p {
    background-color: chartreuse;
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
...

如何正确导入css文件。更改html网站的设计。

Answer 1

您的代码在第12行出现错误，您编写了“ ref”，需要将其更改为“ rel”。

如果您修复此属性，您的代码将起作用。

Answer 2

您需要更改：

 <link ref="stylesheet" href="login.css">

到

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

您输入了ref，但没有在第12行中出现

您的css文件正确：）

如何将CSS文件正确添加到php文件

2 个答案: