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

Question

[sunnyrio]

Выставил значения в 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;
}

Comments

[Ярослав Иванов]

Может для начало выучите хоть какие-то базовые вещи про css или код посмотрите ?)))
1) Кто классы с точкой пишет ?
2) Тег font в 2017 году ?
3) Вместо того чтобы в бутстрап лезть прочтите это htmlbook.ru/books

[sunnyrio]

Ярослав Иванов, а что на сей день актуально вместо font? использовал <H1><H2> и т.д работало некорректно

[Ярослав Иванов]

sunnyrio, Что некорректно ? Прочитайте книги по html. Тег fort уже как лет 10 неактуален. h1-h6 Это заголовки. Причем они тут ?

[sunnyrio]

Ярослав Иванов, что мне нужно поменять чтобы мой код актуален стал??

[sunnyrio]

Ярослав Иванов, покажи пример

[Ярослав Иванов]

sunnyrio, htmlbook.ru/books

[sunnyrio]

Ярослав Иванов, конкретную страницу укажи

[Ярослав Иванов]

sunnyrio, Всю книгу прочитай.

[sunnyrio]

Ярослав Иванов, ты серьезно?

[Сергей delphinpro]

Ярослав Иванов, В самом деле, ты обалдел что ли! Книгу читать! Тем более всю... Где это видано?!

[Ярослав Иванов]

sunnyrio, Судя по твоему вопросу ты банальных основ не знаешь. Так что да, я серьезно.

[sunnyrio]

Ярослав Иванов, ты своим знанием помочь видимо никак не желаешь, ведь может ты знаешь как лучше сделать, нарисуй пример.

[Александр]

sunnyrio, Ярослав правильно сказал, вы даже не знаете как правильно указать класс в html, а про валидность кода я вообще промолчу, так что начинайте с основ html/css, а уж потом переходите к бутстрапу. Толку от этого будет намного больше.
То что вам посоветовали позаниматься по самоучителю, это в данном случае и была помощь, иначе вы будете каждый день задавать подобные вопросы, а то и не один раз в день. Кстати вам дали конкретный ответ - уберите в хтмл точки в названиях классов. И да, будьте вежливее, это ВЫ, а не мы пришли за помощью.

[sunnyrio]

AlexZaw, но я хочу понять что человек хочет мне донести по конкретному примеру, да я соглашусь что я не мастер, но проще мне понять его когда увидит он суть своего, да и покажет пример он мне хотя бы не мой скорее свой

Answer 1

[Negwereth]

Точки в HTML из аттрибутов class убери. И почитай что такое селекторы.

Comments

[sunnyrio]

убрал точки помогло

Answer 2

[NBComrade]

Скорее всего не корректно подключен файл main.css к веб странице.

Answer 3

[sunnyrio]

<link rel="stylesheet" href="css/main.css">