Форматирование текста с помощью CSS онлайн урок.


CSS имеет такие возможности форматирования текста:

text-align - выравнивание текста. Возможные значения:

  • left - выравнивание по левому краю,

  • right - выравнивание по правому краю,

  • center - выравнивание по центру,

  • justify - выравнивание по ширине.



letter-spacing - интервал между символами. Значения задаются в единицах измерения, например

font-size - размер шрифта. Значения задаются в единицах измерения (в процентах, в частности)

font-family - семейство шрифта. Указывает приоритетный список шрифтов, если первый шрифт списка не поддерживается, будет выведен ищется следующий шрифт списка, пока не найдет подходящий.

font-weight - указывает толщину символов шрифта.

font-style - указывает стиль шрифта.

text-decoration - оформление текста. Основные возможные значения:

  • underline - подчеркнутый текст

  • overline - текст с линией над ним

  • line-through - зачеркнутый текст



.foo {
text-align: 6px;
}

a {
letter-spacing: 6px;
}

a.small {
font-size: 6px;
font-weight: bold;
}

.bar {
font-family: Arial, Trebuchet, Verdana, sans-serif;
font-style: italic;
}






text-transform - трансформация текста. Возможные значения:

  • capitalize - сделает каждое слово с большой буквы,

  • lowercase - выведет слова маленькими буквами,

  • uppercase - выведет слова большими буквами.


Пример:



Проверьте свои знания
Создать стилевые свойства для классов с названиями bold, italic, underlined, которые имели бы свойства, эквивалентные тегам <b>, <i> <u>. В документе index.html каждый из этиx классов применить в теге <span>.