Встроенные стили

Author
Анна Петрова
Senior UX Designer @ TechCorp

HTML и CSS
3.9 / 5 (67 оценок)


Встроенные стили (Inline Styles) вставляют в теги заголовков <Н1> ... <Н6>, абзаца <Р>, тела <BODY>, а также в теги <DIV>, <IMG> т. с помощью атрибута STYLE, в котором перечисляют свойства и их значения. Например высказывания:

<Р STYLE = "font-size: 48pt; color: yellow">

Определены таким образом свойства имеют наивысший приоритет по сравнению с другими, поскольку они определены непосредственно в тегу. Этот подход используют для оформления небольшой области элементов.

Пример использования атрибута STYLE для форматирования заголовка второго уровня:

<Н 2 STYLE = "font-size: 48pt; font-family: Агиа 1"> Текст ...</ Н 2>

Позиционирование элементов страницы с помощью стилей

Размещать элементы на странице можно не только с помощью фреймов и таблиц - каскадные стили предоставляют для этого дополнительные интересные возможности.


Страница: 1 из 4    -   Следующая

Навигация: 1  2  3  4  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю