Встраивание стиля в элемент HTML

Встраивание стиля в элемент документа выполняется с помощью атрибута style, который можно задать практически в любом элементе HTML (кроме элементов base, basefont, head, html, meta, param, script, style и title). В этом атрибуте можно задать значения свойств стиля для элемента Шонин В.А.Web-страницы в соответствии с синтаксисом списка стилей.

Если связанные, внедренные и импортируемые таблицы стилей влияют на форматирование элементов документа, определяемых селектором соответствующего правила, то встраивание определений стилей в конкретный элемент влияет на отображение только этого элемента. Задания атрибута style следует, по возможности, избегать и использовать для стилевого оформления документа связанные, внедренные и импортируемые таблицы стилей.

Пример 4.3.34. Встраивание списка стилей в элемент h1:

<h1 style="color:red; font-weight:bold; text-align:center">

Встраивание списка стилей в элемент</h1>

Заголовок с содержимым будет выведен в Web-странице красным цветом, жирным шрифтом и с выравниванием по центру:

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


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: