@sunnyrio

Почему не применяются выставленные значения в CSS?

Выставил значения в main.css но они не применяются в тексте почему?

index.html:
<div class="container-fluid block-amazing-features">
        
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <H1 class="h1block2">amazing features</H1>    
        </div>
        <div class="col-md-4"></div>
        
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <font class="h2block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.</font>    
        </div>
        <div class="col-md-1"></div>
        
        <div class="col-md-4">
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>
            
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>
            
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>
        </div>
        <div class="col-md-4">
            <img src="img/Phone.png">
        </div>
        <div class="col-md-4">
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>
            
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>
            
            <font class=".h3block2">Accusan timar</font><br/>
            <font class=".h4block2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiu</font><br/>    
        </div>
    </div>


main.css:
.h1block2 {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    color: #282528;
}

.h2block2 {
    font-size: 18px;
    line-height: 1.4;
    color: #282528;
    text-align: center;
}

.h3block2 {
    font-size: 16px;
    font-weight: bold;
    color: #282528;
}

.h4block2 {
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    color: #282528;
}

59e373de7a9ef241361194.png
  • Вопрос задан
  • 202 просмотра
Решения вопроса 1
Negwereth
@Negwereth
lvivcss.com.ua
Точки в HTML из аттрибутов class убери. И почитай что такое селекторы.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
NBComrade
@NBComrade
Скорее всего не корректно подключен файл main.css к веб странице.
Ответ написан
Комментировать
@sunnyrio Автор вопроса
<link rel="stylesheet" href="css/main.css">
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы