Одна из простейших техник определения стилей внутри элемента включает в себя использование атрибутов. В листинге 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> во всем документе.
Добавить комментарий