English | Português | >> По-русски <<ZVON > Tutorials > CSS tutorial
>> Пример 13 << | Предыдущий | Следующий | Содержание

Описание

Свойства "font-style" [normal | italic | oblique], "font-variant" [normal | small-caps], и "font-weight" [normal | bold | bolder | lighter | 100 | 200 | 300| ... | 900] определяют форму и жирность букв. Больший номер "font-weight" означает большую жирность, "bold" (жирный) соответствует величине "700", "normal" (нормальный) - величине "400". Case 1 сравнивает различные стили, Case 2 сравнивает жмрность.

1 | >> 2 <<
Исходный HTML документСтилевая CSS таблица

<p>Default</p>
<div class = "A"> aaa - AAA
<div class = "B"> bbb - BBB
     <div class = "C"> ccc - CCC
          <div class = "D"> ddd - DDD
               <div class = "E"> eee - EEE
                    <div class = "F"> fff - FFF
                         <div class = "G"> ggg - GGG </div>
                    </div>
               </div>
          </div>
     </div>
</div>
</div>
body {color:black; background-color: white}

div.A {font-weight:bold}
div.B {font-weight:lighter}
div.C {font-weight:lighter}
div.D {font-weight:100}
div.E {font-weight:bolder}
div.F {font-weight:bolder}
div.G {font-weight:900}

Выход браузера