Web-програмирование css нужна помощь

когда в style.css прописал хедеру height: 100vh;
и линканул на head на сайте ничего не именлось

По дате

По рейтингу

babuin_gibonovich

Оракул

1г

Если вы добавили свойство `height: 100vh;` для элемента `<header>` в вашем файле `style.css`, но изменений на сайте не видно, возможны несколько причин. Вот шаги для устранения неполадок:

1. **Проверьте подключение файла CSS**: Убедитесь, что ваш файл `style.css` правильно подключен в разделе `<head>` вашего HTML-документа. Пример:

```html

1234

 <head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head>

```

2. **Очистите кэш браузера**: Иногда браузер может использовать старую версию файла CSS из кэша. Обновите страницу, нажав `Ctrl + F5` или очистите кэш браузера.

3. **Проверьте правильность селектора**: Убедитесь, что вы используете правильный селектор для вашего элемента. Например, если ваш HTML выглядит так:

```html

1234

 <header> 
    <!-- контент --> 
</header>

```

То в `style.css` должно быть что-то вроде:

```css

1234

 header { 
    height: 100vh; 
}

```

4. **Проверьте наличие других стилей, переопределяющих ваши правила**: Возможно, другие стили переопределяют ваши правила. Используйте инструменты разработчика (например, в Chrome нажмите `F12` и перейдите в вкладку "Elements"), чтобы увидеть, какие стили применяются к вашему `<header>`.

5. **Проверьте наличие ошибок в CSS**: Убедитесь, что в вашем файле `style.css` нет синтаксических ошибок, которые могут мешать применению стилей. Вы можете использовать валидатор CSS для проверки вашего кода (например, [CSS Validation Service]( https://jigsaw.w3.org/css-validator/ )).

6. **Проверьте сам HTML-документ**: Убедитесь, что в вашем HTML-документе правильно указан элемент `<header>` и что он не имеет других стилей, которые могут влиять на его отображение.

Пример минимального HTML и CSS кода:

```html

123456789101112131415

 <!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" href="style.css"> 
    <title>Document</title> 
</head> 
<body> 
    <header> 
        Контент хедера 
    </header> 
</body> 
</html>

```

Если после этих шагов проблема остается, напишите мне детали вашего кода, и я помогу вам разобраться более детально.