HTML / CSS Цвет фона в коде установлен на красный, но как только я открываю его в браузере, он не отображается красным

<!DOCTYPE html>
<html>
<head>
<title>Navigation bar in html and css</title>
<link rel = "stylesheet" type = "text/css" href = "css/style.css">
<style>
 * {
margin : 0;
padding : 0;
font-family : verdana;
}
    
nav{
width : 100%;
height : 70px;
background-color: red;
}
</style>
</head>
<body>
<nav>
<a href = "#">Home</a>
<a href = "#">Services</a>
<a href = "#">Portfolio</a>
<a href = "#">About</a>
<a href = "#">Contact</a>   
</nav>
</body>     
</html>

Цвет фона установлен на красный, но при просмотре в браузере цвет фона не выглядит красным. Хотелось бы узнать, где я ошибся.

что внутри style.css?

— 05.04.2021 11:53

html css web

05.04.2021 11:36

Улучшение производительности загрузки с помощью 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 страниц, которые помогут...

Ответы 5

вам следует попробовать этот код:

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

надеюсь, ты сможешь решить эту проблему

05.04.2021 11:48

Вам не хватает символа "при связывании вашего css.

Должно быть:

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

Проверено и работает

05.04.2021 11:54

у вас может быть другой стиль для элемента навигации в style.css

поэтому, если вы хотите переопределить этот стиль использовать:

nav{
width : 100%;
height : 70px;
background-color: red !important; // for overriding already applied style if any.
}

05.04.2021 11:56

Попробуй это.

* {
margin : 0;
padding : 0;
font-family : verdana;
}
    
nav{
width : 100%;
height : 70px;
background-color: red;
}

<!DOCTYPE html>
<html>
<head>
<title>Navigation bar in html and css</title>
<link rel = "stylesheet" type = "text/css" href = "css/style.css" />
</head>
<body>
<nav>
<a href = "#" id = "a">Home</a>
<a href = "#" id = "a">Services</a>
<a href = "#" id = "a">Portfolio</a>
<a href = "#" id = "a">About</a>
<a href = "#" id = "a">Contact</a>   
</nav>
</body>     
</html>

05.04.2021 11:58

Решение 1. Вместо предоставления кода после HTML попробуйте задать цвет внутри с помощью цветового кода в теге <nav>.

например: <nav style = "background-color:#FF0000">

Решение 2. Если вы используете хром, нажмите ctrl + h, затем слева нажмите Очистить историю, и появится всплывающее окно, в котором выберите / отметьте только кешированные изображения и файлы, а затем очистите его.

надеюсь, ты сможешь решить эту проблему

05.04.2021 11:59