36. Свойства текста - Дикие уроки HTML

Знаете, у меня плохие новости. После последнего урока от меня удрали сразу 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 Устанавливает расстояние между буквами.	letter-spacing:10pt	ДИКАЯ ПРАВДА
letter-spacing Устанавливает расстояние между буквами.	letter-spacing:-5pt	ДИКАЯ ПРАВДА
word-spacing Расстояние между словами.	word-spacing:2pt	ДИКАЯ ПРАВДА
word-spacing Расстояние между словами.	word-spacing:5mm	ДИКАЯ ПРАВДА
line-height	line-height:0.5	дикая правда...

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

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