DWWEB.RU
СКРИПТЫ

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

2018/04/26 Марат 568 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" который и будет использоваться в самом тексте, для придания определенной части текста особых свойств.

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

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Class селектор

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