Как я могу правильно добавить файл css в файл php

Мой импорт файла css в заголовке html не работает. Он не показывает никаких изменений на странице. Я попытался добавить type="text/css" в объект ссылки заголовка html, но это не дало никакого эффекта.

логин.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>

логин.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 сайта.

html css twitter-bootstrap

29.05.2019 18:28

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

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

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

29.05.2019 18:34

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

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

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

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

ваш файл css правильный :)

29.05.2019 20:50

Другие вопросы по теме

Запретить прокрутку на мобильном устройстве на странице с холстом

Событие onClick не может сделать тег <li> React

Как применить div, вставленный в другой div, ко всем элементам с одинаковым именем класса

Почему свойство align-self не работает с панелью навигации при использовании flex?

Почему эта галерея не отвечает?

CSS для рядов логотипов

Переход цвета фона Javascript и сброс при ответе HTTP

Как поместить двух дочерних элементов иерархии сетки Кендо на вкладку?

Мой контейнер с максимальной шириной: 960 пикселей не работает

Как выбрать элемент на основе значения стиля?

Как я могу правильно добавить файл css в файл php

Ответы 2

Другие вопросы по теме

Похожие вопросы