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:xx-small }
div.B {font-size:x-small }
div.C {font-size:small }
div.D {font-size:medium }
div.E {font-size:large }
div.F {font-size:x-large }
div.G {font-size:xx-large }

Resultado do Navegador