Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Разрывы строк

Браузер по умолчанию разбивает строки текста таким образом, чтобы не было полосы горизонтальной прокрутки, наличие которой говорит о плохом стиле веб-дизайна. С этой целью браузер преобразует последовательность пробелов (если они присутствуют в тексте) в один пробел; разрывы строк также преобразуются в пробелы. Браузер "по своему усмотрению" разрывает строки так, чтобы они уместились в окно браузера по ширине.

Атрибут стиля white-space дает возможность веб-мастеру изменять правила, которыми руководствуется браузер при выводе текста на экран монитора.

Возможные значения white-space:

Тег <PRE> позволяет выводить текст так, как он выглядит в html-коде, что часто бывает очень удобно. Главный "недостаток" тега <PRE> заключается в том, что длинные строки не разрываются, поэтому возможно появление горизонтальной полосы прокрутки. Избежать этого можно довольно просто, если ввести стиль, который будет предопределять тег <PRE>:

ПРИМЕР:

PRE {white-space: pre-wrap}

Атрибут стиля word-wrap дает возможность указать место, в котором браузер может разрывать текст:

ПРИМЕР:

P {word-wrap: break-word}

Вертикальное выравнивание текста

Атрибут стиля вертикального выравнивания текста vertical-align применяется довольно редко (гораздо чаще он применяется в таблицах). Наиболее часто в тексте встречается верхний или нижний индекс (в математических, физических и химических формулах), который гораздо удобнее задавать тегами <SUB> и <SUP>.

Возможные значения vertical-align:

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

Параметры тени у текста

Параметры тени у текста задает атрибут стиля text-shadow.

text-shadow: <color> <horizontal offset> <vertical offset> [<blur radius>]
ПРИМЕР:

P {text-shadow: red 0px 0px 1pt}

В приведенном примере тень располагается прямо под текстом, и обозначает себя только благодаря размытию.


TOP ↑