Как использовать текстовую панель в панели свойств CSS Dreamweaver - манекены

Текстовая панель Dreamweaver содержит набор опций, которые управляют отображением текста на ваших страницах. Вы можете получить доступ к параметрам панели «Текст», прокручивая панель «Свойства» до тех пор, пока не получите ниже параметров «Макет», или нажмите значок «Т» в верхней части панели.

Панель «Текст» включает следующие параметры форматирования:

• Цвет: Установите цвет текста. Вы можете хорошо выбрать цвет и выбрать цвет, использовать пипетку для выбора любого цвета на экране или ввести шестнадцатеричный цветовой код в поле цвета. Если вы вводите шестнадцатеричный код цвета, укажите начальный знак фунта (#).

• Шрифт-семья: Определите семейство шрифтов или ряд семейств. Вы можете добавить шрифты с локального жесткого диска или из Adobe TypeKit, выбрав «Управление шрифтами» в нижней части раскрывающегося списка и запустив диалоговое окно «Управление шрифтами».

  

• Шрифт-стиль: Введите нормальный, курсив или наклон. Однако курсивом и наклонной редко отличаются в веб-браузере, поэтому придерживайтесь курсивом, если у вас нет конкретной причины.

• Шрифт-вариант: Изменить текст на маленькие кепки. Тщательно проверяйте свои проекты, потому что этот атрибут не поддерживается всеми браузерами.

• Шрифт-вес: Сделать текст выделенным жирным, выбрав Bold или Bolder из раскрывающегося списка. Вы также можете ввести число от 100 до 900, чтобы более точно определить, как смелый текст появляется. Чтобы удалить полужирное форматирование, выберите «Обычный» или «Зажигалка».

• Размер шрифта: Определите размер текста. Вы можете выбрать определенный числовой размер или относительный размер. Параметры размера - пиксель (px), точка (pt), pica (pc), процент (%), em, rem, ex и ch. Пиксели, ems и проценты являются наиболее часто используемыми опциями для размеров текста.

• Строка-высота: Укажите высоту строки, на которой помещается текст. Как и размер текста, вы можете указать высоту строки различными способами, включая пиксели, ems и проценты. Это хорошая практика в Интернете, чтобы добавить высоту строки, потому что увеличение пространства вокруг вашего текста упрощает чтение на экране компьютера.

• Текстовое выравнивание: Выровнять по левому краю, выравнивать по правому краю, центрировать или выравнивать текст, щелкая соответствующий значок. По умолчанию используется первый значок для Inherit. Например, вы можете центрировать текст в нижнем колонтитуле вашей веб-страницы, включив Text-Align, установленный в Center, в определении стиля, применяемого к тегу в нижней части страницы.

• Текстовое оформление: Укажите, подчеркнуто ли текст подчеркнуто, подчеркнуто, отображается с зачеркиванием или отображается с эффектом мигания.Вы также можете выбрать «Нет», который часто используется для удаления подчеркивания из связанного текста.

• Текстовый отступ: Укажите сумму, в которой текст будет отступаться от левой части страницы, введя номер в один из параметров размера, например пикселей, ems или процентов.

Почему так много шрифтов?

Возможно, вы слышали, что теперь вы можете использовать любой шрифт, который вы хотите на своих веб-страницах, благодаря последней версии Cascading Style Sheets, CSS3. Это утверждение верно, но с некоторыми ограничениями: у вас должно быть законное право публиковать шрифт, а шрифт должен размещаться на веб-сервере.

Чтобы гарантировать, что ваш текст будет отображаться так, как вы намереваетесь, Dreamweaver включает в себя коллекции наиболее распространенных шрифтов на компьютерах Windows и Macintosh. Эти шрифты сгруппированы в семействах, таких как

• Gotham, Helvetica Nue, Helvetica, Arial, sans serif

• Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, Times и serif

Вы можете создавать ваши собственные коллекции шрифтов, используя диалоговое окно «Управление шрифтами», доступное, выбрав параметр «Управление шрифтами» в нижней части раскрывающегося списка «Шрифт-семья» на панели «Текст» на панели «Дизайнер CSS».

Раздел Text-Shadow панели «Текст»

Раздел «Текстовая тень» на панели «Текст» предоставляет инструменты для добавления текстовых теней, одного из новейших свойств CSS, включенных в определение CSS3. Наиболее популярные варианты:

• H-shadow: Добавьте тень к тексту на горизонтальной оси. Сначала выберите параметр размера, а затем введите число в поле. Например, введите 2px, чтобы добавить горизонтальную тень шириной 2 пикселя.

• V-shadow: Добавьте тень к тексту на вертикальной оси. Сначала выберите параметр размера, а затем введите число в поле.

• Размытие: Управление количеством размытия в тени. Чем больше число, тем больше тень распространяется или размыта.

• Цвет: Введите шестнадцатеричный цветовой код, чтобы указать цвет тени, или используйте пипетку для выбора любого цвета на экране.

  

Функции внизу панели «Текст», которые не так распространены, как другие параметры панели «Текст», следующие:

• Текстовое преобразование: Измените случай вашего текста. Параметры - это заглавные буквы, верхние и нижние регистры. Щелкните по соответствующему значку, чтобы установить это свойство.

• Расстояние между буквами: Определяет количество пробелов между буквами. Параметры размера - пиксель (px), точка (pt), pica (pc), процент (%), em, rem, ex и ch.

• Word-Spacing: Определяет количество пробелов между словами. Параметры размера - пиксель (px), точка (pt), pica (pc), процент (%), em, rem, ex и ch. (См. Предыдущую боковую панель «Сравнение параметров размера CSS».)

• Белое пространство: Расскажите обозревателю, как обрабатывать разрывы строк и пробелы в блоке текста. Ваши варианты: Inherit, Normal, Nowrap, Pre, Pre-line или Pre-wrap. Nowrap особенно полезен, поскольку он не позволяет разделять элементы, если они должны быть обернуты в окно браузера или другой контейнер.

• Вертикальное выравнивание: Выровняйте встроенные элементы, такие как текст и изображения, относительно окружающих их элементов. Вы можете установить числовое значение или выбрать «Базовый», «Суб», «Супер», «Верх», «Текст-Верх», «Средний», «Нижний» и «Текстовый снизу».