Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
Dreamweaver MX 2004
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!

Fireworks
ЧаВо
Документация
Статьи
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты



Форматирование - Обзор
- Вставка текста и объектов
- Создание списков
- Настройка шрифтов, стилей, цвета и выравнивания
- Форматирование стилями HTML
- Применение стилевых таблиц CSS
- Преобразование CSS в теги HTML
- Проверка орфографии
- Поиск/замена текста, тегов и атрибутов

главная > Dreamweaver v. 4 > форматирование текста

Конфликты стилей

Когда вы применяете более одного CSS-стиля к тексту, они могут конфликтовать и приводить к неожиданным результатам. Браузеры применяют атрибуты стиля согласно следующим правилам.

Если к одному тексту применяются два стиля, то браузер показывает все атрибуты обоих стилей, если определенные атрибуты не противоречат друг другу. Например, один стиль может определять цвет текста как синий, а другой стиль - как красный.
Если конфликтуют относящиеся к одному тексту атрибуты двух стилей, то браузер показывает атрибут стиля, находящийся к тексту ближе всего.
Если возникает прямой конфликт, то атрибут стиля CSS (стилей, примененных с атрибутом class) блокирует атрибут стиля HTML.

В приведенном ниже примере стиль, определенный для тега <H1>, мог бы определить шрифт, размер и цвет для всех абзацев, но примененный к этому абзацу CSS-стиль .Blue блокирует настройку цвета в стиле тега <H1>. Второй CSS-стиль .Red блокирует стиль .Blue, т. к. находится внутри .Blue-стиля.


<H1><SPAN class="Blue">К этому абзацу применен созданный пользователем стиль .Blue и стиль HTML H1.<SPAN class="Red">За исключением этого предложения, к которому применен стиль .Red.</SPAN>А теперь возвращаемся к стилю .Blue </SPAN></H1>


<< назад

главная > Dreamweaver v. 4 > форматирование текста

Реклама