Меню сайта
Программирование
Хакинг
Категории раздела
Html [15]
Главная » Статьи » Программирование » Html

Урок 13 CSS Параметры текста
Урок 13 CSS Параметры текста
Язык html в принципе позволяет достаточно гибко управлять параметрами текста, но всеже существуют некоторые его свойства, которые способны изменить только таблицы стилей CSS. Так вот давайте разберемся с этими параметрами.

Первым параметром, который обычно очень важен для оформления, является выравнивание. Этим свойством управляет text-align и может принимать до боли известные значения:

* left - выравнивание относительно левого края
* right - относительно правого края
* center - относительно центра, т.е. центрирование
* justify - выравнивание по всей ширине документа (или области для текста)

В принципе можно для этих целей использовать уже всеми принятый атрибут тегов align, но если у Вас в документе встречается много структур с определенным выравниванием, то экономичнее описать его сразу в таблице стилей.

К этой же опере относится и параметр vertical-align, который задает выравнивание по вертикали. Его значения могут быть следующими:

* baseline - выравнивается относительно "базовой линии" родительского элемента.
* middle - выравнивается относительно середины родительского элемента, получается прибавлением к "базовой линии" половины полной высоты элемента.
* sub, supper - эти значения аналогичны тегам <sub> и <sup>, которые делают текст в индексном или степенном пространстве строки, т.е. ниже или выше средней линии.
* text-top, top - оба значения выравнивают текст по верху. При этом top выравнивает текст относительно всех элементов, а text-top относительно самого высокого символа в тексте.
* text-bottom, bottom - выравнивают аналогично по низу элемента или текста.

Для самых crazy мастеров существует возможность процентного задания выравнивания, да еще и с отрицательными значениями.

Интересно то, что отныне вы можете задать расстояние между двумя "базовыми линиями" двух строчек. Задается он параметром line-height. Как и всегда может задаваться своим точным размером и процентным отношением. При использовании этого параметра старайтесь использовать также параметр задания высоты текста, это позволит Вам предусмотреть наезжание двух строк текста, если размер шрифта вдруг станет больше.

DIV { line-height: 1.2; font-size: 10pt }

Следующим свойством текста большинство тегов никогда не обладало. Я говорю об отступе в первой строке, или как в народе "красная строка". Например раньше такого эффекта можно было добиться только использованием <dd> без указания тега списка. Теперь это позволяет устанавливать параметр text-indent. Отступ указывается с помощью указания его длинны или в процентном отношении. Значение этого параметра может быть также отрицательным. Еще следует отметить, что такой отступ действует только в начале тега, т.е. он не дейтсвует при разрывах в середине, например при использовании тега <br>.

P { text-indent: 3cm }

Если Вы помните, то в свойствах шрифта был параметр, который преобразовывал все символы текста в заглавные. Его возможности были достаточно ограниченные, да и вообще были связаны с начертанием символов. У текста же существует параметр text-transform, который позволяет делать с текстом больше преобразований:

* capitalize - делает в каждом слове первую букву заглавной.
* uppercase - весь текст делает заглаными буквами.
* lowercase - весь текст маленькими
* none - оставляет как мастер слепил

В продолжение темы оформления текста существует параметр text-decoration, который позволяет перечеркивать или подчеркивать текст разными способами. Для этого существуют стандартные значения underline, overline или line-through. Для гурманских страничек есть также значение blink, которое заставляет текст вести себя неразумно и раздражать посетителя :-) Для номального теста рекомендуется использовать значение none :-)) Этот параметр как правило используется для оформления ссылок, так как почти всегда на странице ссылки являются единственным подчеркнутым элементом.

А на десерт осталось два параметра, которые побоку текстовым браузерам и даже большинству новых графических :-) Эти параметры задают расстояние между символами и между словами в тексте. Зовутся соответственно letter-spacing и word-spacing. Как и всегда задаются с помощью размера промежутка в пикселах или относительно текущего размера. По умолчанию имеют значение normal
Категория: Html | Добавил: -=Bandit=- (29.04.2013)
Просмотров: 1784 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
people-group
Tak.ru

Карты сайта: Sitemap.xml и Sitemap-forum.xml

Дизайн сайта скомпилировал Lexarus