Понятие CSS класса

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

Помимо определения стилей для заголовков первого, второго и третьего уровней были заданы два дополнительных класса и определены их стили:


Н1,Н2,НЗ  {   text-align:  center;
                       color:#886600; 
                       font-family:Arial;
{
 .just {            text-align:3uatify;
                       text-indent:3 em;
                       }

Второй класс задает выравнивание по ширине и создает отступ красной строки в 3 единицы (за ширину единицы принимают ширину латинской буквы е).


.term { color:red;
            font-size:110%; 
            letter-spacing:0.1 em; 
            }

Этот класс выделяет термин красным цветом и шрифтом, увеличенным на 110 % от номинала, с разрядкой символов в объекте в 0,1 единицу.

Применим созданные классы стилей, например, как в этом листинге:

<h1>просмотр заголовка первого уровня</h1>
<div class="just"> просмотр применения стилистического оформления для объекта подвергшегося стилистическому оформлению класса just</div>
<div class="just"> поговорим про <span class="term"> выделенные</span> слова в дополнение обработанные стилем term</div>

Тэги: выделить, текст, весь, случае, элементы, абзацев, выровнять

← Динамический HTML. Модель DOM		Связывание стилевых CSS таблиц с документом →