Livello di difficoltà: |
|
I Css, Cascade style sheets, che in italiano significa fogli di stile a cascata, sono una tecnologia per migliorare le proprie pagine Web. Sono stati implementati dal W3 Consorzium nella quarta versione di Html.
|
| |
Unità di misura
Cascade style sheets
A differenza di Html, che usa 3 soli sistemi di attribuzione delle grandezze (per il size di un font usa una unita' di misura che va da 1 a 7, per le tabelle invece o i pixel o le percentuali mentre per le immagini i pixel), i Css possono utilizzare varie grandezze, tutte definibili su qualsiasi elemento.
Prima di cominciare pero', dobbiamo distinguere categoricamente, i due grandi tipi di lunghezze: relative e assolute. Al primo gruppo, appartengono:
px (pixel - relativo alla risoluzione dello schermo)
ex (rappresenta la grandezza della lettera x)
em (rappresenta la grandezza della lettera m)
percentuale (viene rappresentato da un numero seguito senza spazi dal segno "%". Si riferisce di solito a altri valori ad es. la risoluzione video).
Al secondo gruppo invece appartengono:
cm (centimetri)
in (inches - 2,54 centimetri)
pt (rappresenta un punto, che equivale a 1/72 in)
mm (millimetri)
pc (picas - equivale a 12 pt)
Qui sotto troverai una tabella che converte il normale size Html in punti Css.
size |
font-size |
1 |
8pt |
2 |
10pt |
3 |
12pt |
4 |
14pt |
5 |
18pt |
6 |
24pt |
7 |
36pt |
Anche i colori, per essere espressi necessitano di un sistema che li classifichi. Tale classificazione puo' essere espressa per mezzo di una parola chiave o per mezzo di un valore Rgb. Queste parole chiave, prese dalla palette Windows Vga sono ad esempio: navy, aqua, blue, green, gray, black, yellow, white, teal, purple, red, orange, silver, fuchsia, lime, marron, olive ecc.
I colori RGB invece possono essere definiti nei seguenti modi:
#RGB - con i moderni browser il # (cancelletto) puo' essere omesso
#RRGGBB - con i moderni browser il # puo' essere omesso
rgb(y,y,y) - dove y rappresenta un numero intero compreso tra 0 e 255 (compresi)
rgb(y%,y%,y%) - dove y ha un valore tra 0.0 e 100.0 (compresi)
|
