Мой импорт файла 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.

1
Nisutec 29 Май 2019 в 19:28

2 ответа

Лучший ответ

В вашем коде есть ошибка в строке 12, вы написали «ref», которую нужно изменить на «rel».

Ваш код будет работать, если вы исправите этот атрибут.

2
brooksrelyt 29 Май 2019 в 19:04

Вам нужно изменить:

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

Кому

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

Вы набрали ref, а не rel в строке 12

Ваш CSS-файл правильный :)

0
EchoDino 29 Май 2019 в 18:50