Dreamweaver CS6: добавление текстовых теней с CSS3 - манекены

Часть Dreamweaver CS6 для чайников Cheat Sheet

В Dreamweaver CS6 вы можете улучшить свои проекты и увеличить свои страницы, добавив тени текста с помощью правил CSS3, последние в веб-технологии. Добавление теней текста упрощает чтение ваших слов, особенно если ваш дизайн имеет сложный фон или если у вашего фона и текста нет контраста.

кредит: Пол Гуаль, istockphoto. com

Dreamweaver CS6 включает поддержку текстовых теней CSS3 при использовании панели «Свойства» в панели «Стили CSS». Вы можете создавать стили классов или идентификаторов с текстовыми тенями, и вы можете добавлять тени текста к существующим элементам HTML, определяя стиль тега, например стиль заголовка 1, используемый в изображении.

Код CSS3, который создает эту теневую тень, составляет

h1 {text-shadow: 2px 2px 3px # 000;}

Числа в коде указывают, что тень текста должна увеличиваться на 2 пикселя вправо и 2 пикселей ниже текста с 3-пиксельным размытием. Кроме того, тень создается с черным цветом, указанным в сокращенном шестнадцатеричном цветовом коде # 000.

При создании правил для текстовых теней вы можете указать до четырех значений:

• Горизонтальное и вертикальное: Требуются первые два значения числа и укажите горизонтальные и вертикальные смещения - расстояние тень расширяется ниже текста (по горизонтали) и справа от текста (по вертикали).

• Радиус размытия: Третье значение определяет величину размытия в тени. Если вы не включаете радиус размытия, по умолчанию используется значение 0, что делает тень видимой как сплошной цвет.

• Цвет: Четвертое значение определяет цвет тени и может быть определено с использованием шестнадцатеричного цветового кода или цветового кода RGBa.

Вы можете добавить тень текста, используя панель «Свойства» в нижней части панели «Стили CSS», как показано на рисунке. Для этого выполните следующие действия:

1. Нажмите ссылку «Добавить свойство» в левой части панели свойств стилей CSS.

2. Введите имя правила стиля CSS3, текст-тень или выберите правило стиля из раскрывающегося списка.

   После того, как имя появится с левой стороны, справа появится маленькая стрелка.

3. Нажмите стрелку справа от текстовой тени.

   Появится окно.

4. Введите смещения X и Y, радиус размытия и цвет.