>> English << | Português | По-русскиZVON > Tutorials > CSS tutorial
Intro / Search / ZVON
>> Example 12 << | Prev | Next | Contents

Description

CSS 1 contains several properties influencing display of individual characters. Their size is determined using "font-size" property. This size can be given either by an absolute size keyword selected from the following list: [ xx-small | x-small | small | medium | large | x-large | xx-large ] (Case 1), using relative size keyword [ larger | smaller ] (Case 2) or using (Case 3 and Case 4) units (a comparison of individual units can be found in the CSS 1 reference

Case 1 | >> Case 2 << | Case 3 | Case 4
HTML SourceCSS stylesheet

<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.B {font-size:larger }
div.C {font-size:larger }
div.D {font-size:larger }
div.E {font-size:smaller }
div.F {font-size:smaller }
div.G {font-size:smaller }

Browser output