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

Question

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

Миша Климовской Ученик (106), на голосовании 4 месяца назад

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

Answer 1

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

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

```html

```

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

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

```html

```

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

```css

 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

  
 
 
     
     
     
    Document 
 
 
     
        Контент хедера

```

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

Answer 2

высота header не означает высоту букв.
высота header означает высоту блока