Сегодня будет рассмотрен один из замечательнейших разделов построения веб-страниц: "Каскадные таблицы стилей CSS. Часть 4. Параметры текста".
Кто пропустил предыдущие выпуски, не переживайте. В рассылке имеется ссылка на архив. Это в самом низу документа. Нажимайте.
Наслаждайтесь прочитанным и увиденным!
Внимание: Переходите по ссылкам, не обращая внимания на предварительный запрос сервиса Рассылки@mail.ru. Это всего лишь добрая забота о нас с вами, что бы мы не попадали куда не следует. В данном случае, смело подтверждайте запрос на соединение и еще смелее заходите на сайт. Проверено!
Располагайтесь, будьте как дома!
Обо всех пожеланиях и предложениях пишите мне на адрес: valg1@mail.ru
Читайте в свежем выпуске:
Статья 1 Каскадные таблицы стилей CSS. Часть 4. Параметры текста.
Статья 1
Каскадные таблицы стилей CSS. Часть 4. Параметры текста.
Язык 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 - выравнивают аналогично по низу элемента или текста.
Для самых продвинутых веб-дизайнеров существует возможность процентного задания выравнивания, да еще и с отрицательными значениями.
Можно так же задать расстояние между двумя "базовыми линиями" двух строчек. Задается он параметром line-height. Как и всегда может задаваться своим точным размером и процентным отношением. При использовании этого параметра надо стараться использовать также параметр задания высоты текста, это позволит предусмотреть наезжание двух строк текста, если размер шрифта вдруг станет больше.
DIV { line-height: 1.2; font-size: 10pt }
Следующим свойством текста большинство тегов никогда не обладало. Это отступ в первой строке, то есть "красная строка". Например, раньше такого эффекта можно было добиться только использованием <dd> без указания тега списка. Теперь это позволяет устанавливать параметр text-indent. Отступ указывается с помощью указания его длинны или в процентном отношении. Значение этого параметра может быть также отрицательным. Еще следует отметить, что такой отступ действует только в начале тега, т.е. он не действует при разрывах в середине, например при использовании тега <br>.
P { text-indent: Зcm }
В свойствах шрифта есть параметр, который преобразовывал все символы текста в заглавные. Его возможности были достаточно ограниченные, да и вообще были связаны с начертанием символов. У текста же существует параметр transform, который позволяет делать с текстом больше преобразований:
• capitalize - делает в каждом слове первую букву заглавной.
• uppercase - весь текст делает заглавными буквами.
• lowercase - весь текст маленькими
• none – оставляет, как есть
В продолжение темы оформления текста существует параметр text-decoration, который позволяет перечеркивать или подчеркивать текст разными способами. Для этого существуют стандартные значения underline, overline или line-through. Для изысканных страничек есть также значение blink, которое заставляет текст моргать и раздражать посетителя. Для нормального теста рекомендуется использовать значение none. Этот параметр, как правило, используется для оформления ссылок, так как почти всегда на странице ссылки являются единственным подчеркнутым элементом.
И остается два параметра, которые побоку текстовым браузерам и даже большинству новых графических. Эти параметры задают расстояние между символами и между словами в тексте. Зовутся соответственно letter-spacing и word-spacing. Как и всегда задаются с помощью размера промежутка в пикселах или относительно текущего размера. По умолчанию имеют значение normal, или, что тоже самое, как хотел разработчик.
Комментариев нет:
Отправить комментарий