Не могу понять почему css?

Question

Kolya Abdullaev @ElectraViking

HTML
CSS

Не могу понять почему css?

<div class="title">
				<div class="title__first">
					Welcome To Our Studio!
				</div>
				<h1>
					It's nice to Meet you
				</h1>
			</div>
</div>

почему css не реагирует на div?

.title__first {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;

h1 {
	font-size: 75px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

и вместо белых букв у меня черные и не по центру. Прост я нуб и понять не могу.

Вопрос задан более трёх лет назад
160 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

Решения вопроса 2

6 комментариев

Eobard Thawne @vexgg

Может быть вы имели ввиду<h1></h1> ?

Написано более трёх лет назад

Kolya Abdullaev @ElectraViking Автор вопроса

Вот весь код. это тупо верстка по уроку но там у человека все работало.

Вот весь HTML код

<!DOCTYPE html>
<html lang="en">


<head>
	<meta charset="utf-8">
	<title>noxogHyak</title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<header>
		<div class="container">
			<div class="heading"></div>
				<img src="img/logo.png" alt="noxogHyak" class="logo">
				
				</img>
				<nav>
					<ul class="menu">
						<li>
							<a href="#">Home</a>
						</li>
						<li>
							<a href="#">Services</a>
						</li>
						<li>
							<a href="#">Portfolio</a>
						</li>
						<li>
							<a href="#">About</a>
						</li>
						<li>
							<a href="#">Contact</a>
						</li>
					</ul>
				</nav>
			</div>
			<div class="title">
				<div class="title__first">
					Welcome To Our Studio!
				</div>
				<h1>
					It's nice to Meet you
				</h1>
			</div>
		</div>
	</header>
	<section>
		<div class="container">
			
		</div>
	</section>
	<section>
		<div class="container">
			
		</div>
	</section>
	<section>
		<div class="container">
			
		</div>
	</section>
	<footer>
		<div class="container">
			
		</div>
	</footer>

</body>
</html>

CSS

body{
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}

div{
	box-sizing: border-box;	
}

header{
	background: url(../img/first-bg.jpg) no-repeat center top / cover;
	height: 600px;
}

.container {
	width: 930px;
	margin: 0 auto;
}

.logo {
	margin: 41px;
	float: left;
}

nav {
	float: right;
	margin-top: 50px;
}

.menu {
	padding: 0;
	margin: 0;
	display: block;
}

.menu li {
	float: left;
	display: block;
	margin-right: 41px;
}

.menu li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}

.title__first {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;

h1 {
	font-size: 75px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

Написано более трёх лет назад

Kolya Abdullaev @ElectraViking Автор вопроса

Eobard Thawne, И нет именно див. h1 работает.

Написано более трёх лет назад
Eobard Thawne @vexgg

Просто задайте class или id h1 и все будет работать, к тому же вы спросили почему див не красится и не по середине, но див и так белый и по середине.

Написано более трёх лет назад
Kolya Abdullaev @ElectraViking Автор вопроса

СПС

Написано более трёх лет назад
Eobard Thawne @vexgg

Kolya Abdullaev, )

Написано более трёх лет назад

3 комментария

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Kolya Abdullaev @ElectraViking Автор вопроса

Не style есть

<!DOCTYPE html>
<html lang="en">


<head>
  <meta charset="utf-8">
  <title>noxogHyak</title>
  <link rel="stylesheet" href="css/main.css">
</head>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

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

JavaScript

+1 ещё

Средний
Как правильно сделать переключение темы?
- 1 подписчик
- 8 часов назад
- 92 просмотра
2

ответа
HTML

+3 ещё

Простой
Почему третья карточка не становиться в ряд?
- 1 подписчик
- вчера
- 153 просмотра
1

ответ
HTML

+1 ещё

Простой
Как добиться срабатывания transition для checkbox?
- 1 подписчик
- 02 нояб.
- 79 просмотров
3

ответа
CSS

Простой
Как сделать общий градиент для двух блоков?
- 1 подписчик
- 02 нояб.
- 98 просмотров
1

ответ
HTML

Простой
Как преобразовать HTML в exe?
- 2 подписчика
- 02 нояб.
- 332 просмотра
4

ответа
HTML

+1 ещё

Простой
Как сделать Second Picker?
- 1 подписчик
- 02 нояб.
- 103 просмотра
2

ответа
HTML

Простой
Чем и как вы тестируете WAI-ARIA?
- 1 подписчик
- 01 нояб.
- 60 просмотров
0

ответов
HTML

+1 ещё

Простой
Как исправить эффект при наведении?
- 1 подписчик
- 01 нояб.
- 107 просмотров
0

ответов
HTML

Простой
Чему равна высота и ширина элемента .content в следующем коде?
- 1 подписчик
- 31 окт.
- 49 просмотров
0

ответов
CSS

Простой
Как сверстать нестандартный грид блок?
- 1 подписчик
- 30 окт.
- 126 просмотров
2

ответа
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Frontend Developer

Wanted. • Санкт-Петербург

До 180 000 ₽

Drupal. Перенос сайта с домена на поддомен

05 нояб. 2024, в 16:31

500 руб./за проект

Разработать макет для email рассылки

05 нояб. 2024, в 16:24

5000 руб./за проект

Виджет для OBS связанный с FaceIT

05 нояб. 2024, в 16:12

10000 руб./за проект

Заканчивайте маяться дурью и тратить время на "уроки" заключающиеся в повторении действий. Изучайте документацию, как работает HTML, CSS.

Answer 1 · 2019-06-16 22:17:09

Eobard Thawne @vexgg

The happiest man alive.

На какой именно див? У меня все работает.

Ответ написан более трёх лет назад

6 комментариев

Answer 2 · 2019-06-16 22:24:50

Вроде всё правильно
или Вы хотите, чтобы и текст It's nice to Meet you - тоже был в центре и белым?
Тогда поместите теги h1 внутрь тега div.title и задайте ему стили текста

Answer 3 · 2019-06-17 09:44:02

JuniorPomidor @JuniorPomidor

Верстаю на дюймах

Или ты стили не подключил?

Ответ написан более трёх лет назад

1 комментарий

Не могу понять почему css?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт