Fogli di stile:
I fogli di stile o meglio "Cascading Style Sheets" sono uno di strumenti di formattazione delle pagine Web.

Interno : ;<style type="text/css"> ...</style>
Esterno : <link rel="stylesheet" type="text/css" href="file.css" />
In linea: <div style="color:red;"> prova </div>

A Hyperlink
Definisce le caratteristiche dei link.

Pseudo-classi:
- a:link : caratteristiche dei link
- a:visited : caratteristiche dei link già visitati
- a:hover : caratteristiche dello stato over
- a:active : caratteristiche

Eretitato:si

Esempio:
a:link {color: blue; text-decoration: none; background-color: red}

background
Definisce lo sfondo di un'oggetto.

Operatori:
- background-image: definisce un'immagine come sfondo;
- background-color: definisce un coloro come sfondo;
- background-repeat: stabilisce la ripetizione o meno dello sfondo;
- background-attachment:
- background-position:

Ereditato: no

Valori:
color: color
background-color: color | transparent
background-image: url | none
background-repeat: repeat | repeat-x | repeat-y | no-repeat
background-attachment: scroll | fixed
background-position: position | length | top | center | bottom | left | center | right
background: transparent | color | url | repeat | scroll | position

body
Definisce le caratteristiche del body.

valori:

Es:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background:red;
}

border
Definisce i bordi e le loro caratteristiche.

Operatori:
- border-color: definisce il colore
- border-style: definisce lo stile
- border-width: definisce lo spessore
- border-left/top/right/bottom: il singolo bordo

Ereditato: no

valori:
border-collapse : collapse
border-color : <color>
border-spacing : <legth>
border-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
border-width : thin | medium | thick | <length>

display
Definisce la visualizzazione di un elemento all'interno del flusso di un documento.

Valore: block | inline | list-item | run-in | compact | marker | none
Default: inline
Si applica a: tutti gli elementi

Ereditato: si

Esempio:
Un esempio ricorrente e molto utile potrebbe risultare:

img {display: none;}

tramite questa definizione possiamo creare layout alternativo per una navigazione più veloce poichè senza immagini.

float
Rimuove un elemento dal normale flusso del documento spostandolo su uno dei lati del suo elemento contenitore.

Valori: left | right | none
Default: none

Eretidato: no

font
Operatori:
- font-family : definisce la famiglia di font
- font-style : definisce lo stile
- font-variant :
- font-weight :
- font-size :

Ereditato: si

Valori:
font-family : famiglia di font
font-style : normal | italic
font-variant : normal | small-caps
font-weight : normal | bold
font-size : xx-large | x-large | large | medium | small | x-small | xx-small | larger | smaller |
               percentage | length

margin
Definisce lo spazio esterno tra un'elemento ed il suo contenitore.

Valore: <length> | <percentage> | auto
Default: non definito
Si applica a: tutti gli elementi

Ereditato: no

padding
Definisce lo spazio interno tra il contenitore e gli elementi contenuti.

Valore: <length> | <percentage>
Default: 0
Si applica a: tutti gli elementi

Ereditato: no

text
Operatori:
letter-spacing : spaziatura tra le lettere
text-decoration : definisce lo stile
vertical-align : allineamento verticale
text-transform : trasformazione testo
text-align : allineamento orizzontale
text-indent : definisce ilrientro
line-height : definisce l'interlinea

Valori:
letter-spacing : normal | <length>
text-decoration : none | underline | overline | line-through
vertical-align : sub | super | top | bottom
text-transform : capitalize | uppercase | lowercase | none
text-align : left | right | center | justify
text-indent : length | percentage
line-height : normal | number | length | percentage

pseudo-classi
Attributi:
active, hover, link, visited : gli attributi dei font
first-letter, first-line : tutti i Caratteri Modificabili
cursor: auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize |            se-resize | sw-resize | s-resize | w-resize | text | wait | help