>> 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.A {font-size:4ex}
div.B {font-size:4ex}
div.C {font-size:1.5em}
div.D {font-size:1.5em}
div.E {font-size:70%}
div.F {font-size:70%}
div.G {font-size:70%}

Browser output