Строчные стили

Строчные стили.

Одна из простейших техник определения стилей внутри элемента включает в себя использование атрибутов. В листинге 2.1 представлен код простого HTML-документа, в котором элемент <p> модифицируется атрибутом style, имеющим значение font-size: 20px. Атрибут style меняет размер по умолчанию для текста внутри элемента <p>, увеличивая его до 20 пикселов.

Листинг 2.1. Стили CSS внутри тегов HTML

<!DOCTYPE html>

<html lang="ru">

<head>

<title>Этот текст — заголовок документа</^^е>

</head>

<body>

<p style="font-size: 20px">Мой текст</р>

</body>

</html>

Описанная техника — отличный способ тестирования стилей и быстрой проверки результата, однако ее не рекомендуется применять для всего документа. Причина проста: данная техника подразумевает, что стиль нужно описать и повторить для каждого отдельного элемента, из-за чего документ раздувается до недопустимого размера, а поддерживать и обновлять его становится невозможно. Представьте всего лишь, что вам понадобится изменить размер текста во всех элементах <p>: вместо 20 пикселов установить 24 пиксела. Вам придется отредактировать каждый стиль в каждом теге <p> во всем документе.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *