Итак, язык CSS состоит из селекторов и свойств. Селекторы указывают на то, к каким элементам применять стили, а свойства — на то, как именно отображать элементы.
Существует огромное количество CSS-свойств, которые влияют практически на все аспекты отображения элементов. Причём каждому свойству соответствует определённый набор значений.
Некоторые значения задаются с помощью текстовых констант, например red
, bold
, другие с помощью цифровых значений: 12px
, 120%
и так далее.
Мощь стилей заключается в том, что вы можете быстро и гибко менять внешний вид нужных элементов, особенно когда используете классы. Например, чтобы зачеркнуть текст всех изученных пунктов конспекта, нужно добавить всего лишь одну строчку в CSS:
.learned-ok { color: green; text-decoration: line-through; }
И все теги с классом .learned-ok
будут отображаться с перечёркнутым текстом. Теперь представьте, как долго делать то же самое через инлайновые стили, когда в конспекте больше сотни пунктов.
.learned-ok
свойство text-decoration
со значением line-through
,.learning-in-progress
свойство padding-left
со значением 15px
,.not-learned
свойство background-color
со значением #FFF0F0
.learned-ok
.Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.