CSS не отображается должным образом. Кто-нибудь может указать на ошибку?

У меня есть фрагмент кода, который стилизует блоки div. Однако CSS не отображается должным образом. Может ли кто-нибудь помочь мне указать на ошибку. Для этого я создал рабочий пример.

Ниже приведен код CSS.

div.orange {
  width: 1280px;
  height: 320;
  background-color: rgb(255, 102, 0);
}

div.white {
  width: 1280px;
  height: 320;
  background-color: rgb(255, 255, 255);
}

div.green {
  width: 1280px;
  height: 320;
  background-color: rgb(0, 255, 0);
}

Ниже приведен HTML-код

<div class = "orange"></div>
<div class = "white"></div>
<div class = "green"></div>

Вы пытались удалить часть div, например. div.orange и поставить px после 320?

— GiaFil7 09.09.2018 11:34

Я ожидаю три блока div с примененными классами CSS.

— Chetan 09.09.2018 11:34

Необходимо добавить пикселей после значения 320 по высоте.

— Llazar 09.09.2018 11:36
html css
09.09.2018 11:31
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
3
3
37
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

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

добавить px к высоте:

div.orange {
  width: 1280px;
  height: 320px;
  background-color: rgb(255, 102, 0);
}

div.white {
  width: 1280px;
  height: 320px;
  background-color: rgb(255, 255, 255);
}

div.green {
  width: 1280px;
  height: 320px;
  background-color: rgb(0, 255, 0);
}
09.09.2018 11:34

Правило высоты должно иметь такую ​​единицу измерения, как px:

div.orange {
  width: 1280px;
  height: 320px;
  background-color: rgb(255, 102, 0);
}

div.white {
  width: 1280px;
  height: 320px;
  background-color: rgb(255, 255, 255);
}

div.green {
  width: 1280px;
  height: 320px;
  background-color: rgb(0, 255, 0);
}

это было так глупо с моей стороны забыть добавить пиксель. Спасибо, что указали на это .. теперь он работает.

— Chetan 09.09.2018 11:37
09.09.2018 11:36

Итак, первый вопрос: вы импортировали свой файл CSS в файл HTML? Если нет, сделайте это так:

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

Во-вторых, нельзя писать:

div.green { your properties }

Это нормальный способ:

.green { your properties }
09.09.2018 11:39

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

Как использовать проверку JQuery на переключателе с уважаемыми полями?
Как сделать ширину выпадающего меню равной ширине его родителя в bootstrap 4
Ввод: действителен, не работает - еще не фокусируется, но метка уже находится наверху
Box-sizing: border-box без объявленной высоты / ширины
Контент остается зависшим при открытии вспомогательного контента
Css: как отобразить список радиокнопок по горизонтали?
Как сделать подчеркивание по центру на пустом месте?
Как сделать выделенный текст желтым
Изображение не отвечает в Bootstrap 4
Текстовое поле, перекрывающее изображение

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

Не удается получить данные из сообщения формы на сервер nodeJS
ScrollMagic с плавной прокруткой?
Перенаправление после onclick () - событие с a-тегом
Как использовать проверку JQuery на переключателе с уважаемыми полями?
Как отобразить результаты моего генератора судоку в HTML-таблицу с помощью Django?
Нокаут: клонировать наблюдаемый объект в другую переменную и сделать его не наблюдаемым
Как сделать ширину выпадающего меню равной ширине его родителя в bootstrap 4
Как сделать ссылки кликабельными после изменения div contentEditable?
Видео не загружает HTML-тег видео
Получение динамических разрывов строк в HTML