ТРИДЦАТЬ ШЕСТОЙ УРОК

Плохие новости

Знаете, у меня плохие новости. После последнего урока от меня удрали сразу 400 подписчиков, ни больше ни меньше... Нет, они не сбежали с урока, они просто отписались от моей рассылки. Я в трауре. Особенно траурным оказалось 1 сентября, когда от меня отвернулись сразу 143 подписчика. Почему они ушли? Надоело ждать следующих уроков? Наскучил мой стиль? Или просто нашли более интересные рассылки?

И я сижу вот, и подсчитываю потери. Что-то видимо, я сделала не так. А что - не пойму. Если так дело пойдет и дальше, то через несколько уроков я останусь вообще без подписчиков!!! Но пока жив хоть один подписчик, я буду писать свои уроки. И даже, когда от меня отвернется последний подписчик - я все равно буду их писать. Привычка, знаете ли...

Поэтому, товарищи, не расслабляйтесь, рассаживайтесь посвободней, вас осталось всего 4 941 человек. И я продолжу свой урок. И буду я с вас драть по три шкуры, ведь вы теперь должны отвечать и за себя и за тех парней... Хм...

Свойства текста

На прошлом уроке мы долго и нудно (вздрогнула и оглянулась на дверь) рассказывали о шрифтах. Сегодня я также долго и нудно (опять вздрогнула) буду рассказывать о свойствах текста. Я опять продолжу рекламировать свой сайт (замерла в напряжении).

Напишем следующий код:

<html lang="ru"> <HEAD> <TITLE>Реклама сайта</TITLE> <STYLE TYPE="text/css"> p { letter-spacing: 2px; text-decoration: underline; word-spacing: 5mm; text-indent: 3cm; text-align: center; vertical-align: baseline; line-height: 5 } </STYLE> </HEAD> <BODY> <p>Дикая Правда на www.dikarka.ru</p> </BODY> </HTML>

И вот как это все выглядет в окне браузера:

Ну, а теперь для непосвященных в свойства текста начинаю популярно объяснять каждую буковку и загогулинку. И только попробуйте все это не запомнить! Отправитесь вслед за прогульщиками!!!

Сводная таблица свойств текста

НАЗВАНИЕ	ПРИМЕР	ЧТО ПОЛУЧИЛОСЬ
без изменений	-	ДИКАЯ ПРАВДА
letter-spacing Устанавливает расстояние (дополнительные промежутки) между буквами. Можно указывать расстояние в любых абсолютных единицах (in, cm, mm, pt, pc, px). Может задавать и отрицательные значения. Только смотрите, чтобы буквы не слиплись, и вместо одного слова не получилось бы одна буква.	letter-spacing:10pt	ДИКАЯ ПРАВДА
	letter-spacing:"-5pt"	ДИКАЯ ПРАВДА
word-spacing А это просто расстояние между словами. Указывается также в любых размерностях	word-spacing:2pt	ДИКАЯ ПРАВДА
	word-spacing:5mm	ДИКАЯ ПРАВДА
text-decoration Очень хорошая штука. Например, может использоваться для убирания (none) подчеркивания ссылок или, наоборот, для подчеркивания текста (underline), перечеркивания (line-through) или надчеркивания (overline) текста. А еще для вывода мерцающего текста (blink).	text-decoration:overline	ДИКАЯ ПРАВДА
	text-decoration:line-through	ДИКАЯ ПРАВДА
text-indent С его помощью можно установить "красную строку" (отступ). Указывается как в абсолютных единицах, так и в процентах от абзаца. Если дать отрицательное значение - получится выступ (висячая строка).	text-indent:"-5mm"	ДИКАЯ ПРАВДА
text-align Здесь нам знакомые left, center и right, то есть выравнивание текста по левому, правому краю, либо по центру. Есть еще justify, которое выравнивает текст по ширине.	text-align:right	ДИКАЯ ПРАВДА
vertical-align Устанавливает расположение текста по базовой линии (по умолчанию), либо по верхнему (super), либо по нижнему (sub) индексу относительно родительского элемента. Незаменим, например при формулах.	SPAN style="vertical-align:super" (для "ДИКАЯ" - без изменений)	ДИКАЯПРАВДА
line-height Определяет расстояние между строчками. Задается как в абсолютных единицах, так и в относительных. А можно и просто указывать число строк, не обязательно в целых числах.	line-height:0,5	дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru

Вот и все на сегодня. Надеюсь к следующему уроку увидеть вас на этом же месте... Чао-какао! :))

К списку всех уроков

(В. Ахметзянова, 2005 г)