Вопросы по стилям

[egrom92]

1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне.

 

В html прописано class="grid-img sqr" но в css прописано только .sqr

2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения.
Что будет если я пропишу всё в в один селектор?

 

3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится?

 

Буду признателен если в ответы покидаете отыеты в виде ссылок.

[npofopr]

1 час назад, egrom92 сказал:

В html прописано class="grid-img sqr" но в css прописано только .sqr

И?) В чём вопрос то?) 
Два разных класса. Стили и от одного класса и от другого применяться будут. 

 

1 час назад, egrom92 сказал:

2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения.
Что будет если я пропишу всё в в один селектор?

Ничего не будет. Ничего хорошего. 
Это два разных тега. 
И как автор видео я бы тоже не делал))

 

1 час назад, egrom92 сказал:

3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится?

Хм. Скорее всего тупо так хотят скрыть текст. Но я бы так тоже не делал) 

[spdif]

1 час назад, egrom92 сказал:

заметил что класс в хтмл отличается от класса в цсс файле

Не отличается) т.к. в данном случае таг div имеет в селекторе два имя , 

 если в имени класса есть пробел, то - то что следует после пробела,

является еще одним собственным именем класса данного тега ...

<div class="grid-img sqr"></div>

в css к такому элементу можно обращаться так: 

.grid-img {} 

.sql {} 

.grid-img.sql {} 

/* - and also - */

div.grid-img {} 

div.sql {} 

div.grid-img.sql {} 

...