ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Class селектор использование, пример

2018/04/26 Марат 512 0 HTML | CSS |

Один из часто употребляемых селекторов в css - это селектор «класса», разберёмся где и когда применяется, как обозначается класс

Нельзя обойтись без класса в css .

Что такое класс

Видео на тему: Class селектор

Обозначается класс точкой перед названием класса (вместо class – вставляем любое слово) – таким образом используется в файле css.
.class

Как используется и обозначается класс в текст

Применение класса в тексте, например, для заголовка первого уровня мы хотим использовать селектор класса

После селектора и названия класса, ставятся фигурные скобки и внутри прописываются свойства класса.

.my-first-class {

color: green; /* цвет текста */

font-size: 130%; /* размер шрифта */

}

Итоговый код с использованием класса, в качестве примера:

<h1 .class=”my-first-class”></h1> P.S.

Друзья! Я не переписываю учебник, а делаю страницы из своего видения темы.

И конечно же - я когда-то тоже читал учебники, и это было довольно давно, и прежде чем написать, какую-то тему, то мне приходится освежать свои знания.

И одно дело, когда ты полный ноль, и совсем другое, когда у тебя есть уже какой-то опыт.

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

И давайте покопаемся в теме класса и селектора, и атрибута!

Мне стало интересно - но что именно называется селектором!? Исходя из всего прочитанного именно точка перед словом и называется сектором!

Но если вы используете слово class в теге, то это уже не будет селектором – это уже будет атрибутом…

Класс – class – это селектор, который ставится в виде атрибута «class» внутрь тега.

И еще раз...

Класс селектора имеет две части

1. Часть это точка "." которая и понимается мной, как собственно селектор, и используется для обозначения класса в файле стилей

2. Атрибут "class" который и будет использоваться в самом тексте, для придания определенной части текста особых свойств.

Но вы, конечно же, можете не согласиться со мной!

Не забудь !С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Class селектор

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) https://dwweb.ru/ http://calc.dwweb.ru/ http://kod.dwweb.ru/ http://marrex.ru/ http://pro.dwweb.ru/ https://f0rlink.com/ https://comments.dwweb.ru youtube Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019