IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

Основы CSS. Текст - верстка

Описание текста таблицами стилей используется и в описании BODY и в описании почти всех других обьектов. Общий вид, например, в BODY:

<style type=text/css>
<!--
body{background-color: #000000;
font-family: MS Sans Serif, tahoma, Verdana, Arial;
FONT-SIZE: 10px; color: #00EFFF}
-->
</style>

После описания фона идет описание шрифта, который используется как основной. Следует сначала указать тот шрифт, который вы хотели бы видеть на странице, затем альтернативную замену на тот случай, если данного шрифта нет на компьютере, затем - семейство шрифтов к которым они относятся. Все это делается на тот случай, если на машине просматривающего нет указанных шрифтов. В таком случае броузер выдаст текст шрифтом данного семейства. Хоть один, да найдется... Задав все данные этого шрифта Вы можете дальше писать в редакторе:


Текст без всяких добавок.

Вы уже описали все характеристики текста и можете просто писать. Не заботясь о цвете, стиле шрифта, размере. Вам только надо будет задать стили других обьектов. Когда немного в этом разберетесь, оцените все удобство CSS.
font-family:— задает шрифт или семейство шрифтов, которое будет использоваться для данного текста. Используется первый найденный шрифт. Если его нет, проверяется следующий.
FONT-SIZE:— размер шрифта. Указываетя в пунктах( pt), пикселах(px), процентах(%). Имейте ввиду — Нетскейп отображает размер в несколько искаженном виде.
color:— цвет текста. Описывается либо в кодовом виде(#00EFFF), либо просто словом.
font-weight:— описывает толщину шрифта. Применяются значения: lighter, bold, bolder ( тонкий, жирный, очень жирный).
text-decoration:— определяет подчеркивание текста. Значения: "underline" — подчеркивание снизу; "none"— нет подчеркивания. Есть еще зачеркивание и черта сверху, но сам не использую(в виду очевидной для меня бесполезности) и, по этому, не сохранил их описания.
text-align:— определяет выравнивание текста. Значения: "justify" — полное, по обоим сторонам; "center"— по центру; "left" и "right" — лево и право.
text-indent:— устанавливает отступ первой строки текста. Используется для параграфов.Значение в "pt" или "px".
line-height:— устанавливает интервал между строками текста(%).

На практике используются, в основном, только описания шрифта, размера, цвета и толщины. Они понимаются всеми браузерами(хоть иногда и частично) и их хватает для большинства ситуаций.
Просто указываете те параметры, которые вас интересуют.
Старайтесь не указывать редких и просто не распространенных шрифтов - если их нет на компьютере, броузер выведет то, что есть.
Кроме того, существует возможность встраивать шрифты прямо в страницу, но это тема для отдельной статьи, как и описания шрифтов.

Источник: A-design studio http://mtk.on.ufanet.ru

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.