Фон шапки сайта не закрашивается. Помогите пожалуйста

Question

<!DOCTYPE html>
<html lang=ru>
    <head>
        <title>GGGG</title>
        <meta charset="UTF-8">
        <link rel = "style" href = "SITE\ProjectCSS.css">
    </head>
    <body>
        <P><header>
             <li><a href = '#'>GGG</a></li>
             <li><a href = '#'>GG</a></li>
             <li><a href = '#'>G</a></li>
        </header></P>
        <h1>Приветствуем на сайте</h1>
        <h1>GGGG</h1>
    <noscript>Для работы сайта включите JavaScript.</noscript>
    <!-- Подключение JavaScript-->
    <script src="ProgectJS.js"></script>
    </body>
</html>
p{
    background-color: #67E300!important;
}
h1{
    font-family: Arial;
font-size: 20 px;}

Answer 1

Оберните ваш CSS код в <style>css код</style> и вставьте его в <head>...</head>.
У вас не корректное использование html тегов. Тег p по уровню использования является "строковым" тегом и предназначен по большей степени для стилизации текстов/контента, а не блоков (header, aside и тд.) и div-ов - как вы пытаетесь его применить, по этому у вас и не работает.

Прикрепляю корректный вариант:

P.S. если хотите обернуть тег header используйте div с классом.

<!DOCTYPE html>
<html lang=ru>
<head>
    <title>GGGG</title>
    <meta charset="UTF-8">
    <link rel="style" href="SITE\ProjectCSS.css">
    <style>
        header {
            background-color: #67E300 !important;
        }

        h1 {
            font-family: Arial;
            font-size: 20px;
        }
    </style>
</head>
<body>
<header>
    <li><a href='#'>GGG</a></li>
    <li><a href='#'>GG</a></li>
    <li><a href='#'>G</a></li>
</header>
<h1>Приветствуем на сайте</h1>
<h1>GGGG</h1>
<noscript>Для работы сайта включите JavaScript.</noscript>
<!-- Подключение JavaScript-->
<script src="/ProgectJS.js"></script>
</body>
</html>

БЛОГ НА HUSL

Фон шапки сайта не закрашивается. Помогите пожалуйста

Ответы (1 шт):