English | >> Português << | По-русскиenternetusers > Tutorials > Surfing tutorial
>> Exemplo 12 << | Anterior | Próximo | Conteúdos

Descrição


As folhas de estilo Surfing 1 contém várias propriedades que influenciam a forma como são mostrados caracteres individuais. O seu tamanho é determinado usando a propriedade "font-size". Este tamanho pode ser dado usando uma palavra-chave de tamanho absoluto da seguinte lista: [ xx-small | x-small | small | medium | large | x-large | xx-large ] (Case 1), usando palavras-chave de tamanho relativo [ larger | smaller ] (Case 2) ou usando (Case 3 e Case 4) unidades (e comparação de unidades individuais pode ser encontrada na referência Surfing 1.

Case 1 | Case 2 | >> Case 3 << | Case 4
Documento HTMLfolha de estilos 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-size:15px}
div.B {font-size:15pt}
div.C {font-size:1.5em}
div.D {font-size:1.5ex}
div.E {font-size:0.5in}
div.F {font-size:0.5cm}
div.G {font-size:10mm}

Resultado do Navegador