Я получаю черный фон для текста внутри div. Я не знаю почему. Код и стиль для div.Черный фон для текста
<div class="intro_div">
<div>Intro text goes here</div>
</div>
стиль для DIV является
.intro_div{
color: #fff;
font-size: xx-large;
text-align: center;
height: 500px;
vertical-align: middle;
line-height: 500px;
}
Выход 
вам нужно использовать цвет фона, а не цвет:
.intro_div{
background-color: #fff;
color:black;
font-size: xx-large;
text-align: center;
height: 500px;
vertical-align: middle;
line-height: 500px;
}
Кроме того, попробуйте используя известные имена в вашем CSS, поэтому он будет более понятным. Таким образом, вместо
background-color: #fff;
Попробуйте использовать
background-color: white;
Вы можете проверить с помощью Google Chrome или Mozilla Firefox отладочных инструментов, чтобы увидеть, если DIV наследует другие правила CSS?
Возможно, у него нет правил css для intro_div, но вместо этого есть правила для класса div.
В Mozilla вы можете щелкнуть правой кнопкой мыши по тексту, просмотреть элемент и проанализировать правила css в правом нижнем углу окна отладчика.
Поскольку вы используете хром, пройдите все правила на вкладке «Стили» справа от вашего окна. Возможно, это относится к одной из ваших других таблиц стилей (например, к таблице стилей дизайна материалов). Лучше определите, что устанавливает его в черный, прежде чем явно установить его на белый. Он должен быть отменен по умолчанию.
Я заметил, что у вас было неправильное свойство background-color CSS. Он должен быть
background-color:
не color:
Там нет ничего в этом коде для черного Б.Г.. Это должно происходить из другого родительского элемента. Выберите div с классом intro и проверьте все стили на правой стороне снизу, ища свойство background-color в любом стиле.
Вы должны взять белый цвет фона и черный как цвет, как это:
<html>
<head>
<style type="text/css">
.intro_div{
background-color: #fff;
color:black;
font-size: xx-large;
text-align: center;
height: 500px;
vertical-align: middle;
line-height: 500px;
}
</style>
</head>
<body>
<div class="intro_div">
<div>Intro text goes here</div>
</div>
</body>
</html>
Я не видел, что в вашем данном коде. https://jsfiddle.net/16bobgmu/ Может быть, какой-то другой код/css может повлиять на него. – ketan
проверить вычисленный css на теге тела –
Было бы лучше, если бы вы могли предоставить все свои файлы в Интернете. –