Текст в хедере не меняется что делать?

стили прописал , нижнее подчеркивание не убралось в слове КиноМонстр, цвет надпись не меняет и далее горизонтальное меню не поместилось в фиолетовый прямоугольник

html

css

4 ответов

Смотри, ты пишешь в html класс logo_text через нижнее подчеркивание:

<div class="logo_text">

а в стилях css задаешь стили для класса с тире .logo-text тут:

.logo_text h1, .logo-text h1 a, .logo_text h1 a:hover  {
		padding: 22px 0 0 0;
		color: #fff;
		letter-spacing: 0.1em;
		text-decoration: none;
}

.logo-text не равно .logo_text

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" content="Киномонстр - это портал о кино"/>
	<meta name="keywords" content="фильмы, фильмы онлайн,hd"/>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
	<div class="main">
		<div class="header"> 
            <div class="logo">
            	<div class="logo_text">
            		<h1><a href="#">КиноМонстр</a></h1>
            		<h2>Кино - наша страсть!</h2>
            	</div>
            </div>


		</div>

	</div>
	
</body>
</html>

.header{
	background-color: darkslateblue; 
	height: 177px;                   
	font-size: 0.8em;                
	margin-left: 0px;                
	margin-right: 0px;                
	min-width: 900px;
	}

	.main, .logo, .menubar, .site_content, .footer {
		margin-left: auto;
		margin-right:  auto;
	}

	.logo{
		width: 880px;
		padding-bottom: 40px;


	}

	.logo h1, .logo h2 {
		font: normal 300% 'century gothic', arial, sans-serif;
		margin: 0 0 0 9px;

	}
	
	.logo_text h1, .logo-text h1 a, .logo_text h1 a:hover  {
		padding: 22px 0 0 0;
		color: #fff;
		letter-spacing: 0.1em;
		text-decoration: none;
	} 
		
	
     .logo_text h2 {
	font-size: 0.9em;
	padding: 4px 0 0 0;
	color: #999
}

Сергей спасибо огромное, сто раз все просмотрел,не заметил

все исправил, теперь другое дело)