23/03/2012
Cos'è l'HTLM5?
L’HTML5 sarà il nuovo standard HTML.
La precedente versione dell’HTML, la 4.01, risale al 1999. Un bel po’ di anni fa… e direi che il web è piuttosto cambiato da allora.
L’HTML5 è ancora in fase di sviluppo, tuttavia molte delle sue caratteristiche sono già supportate dai principali browser.
L’HTML5 è nato dalla cooperazione tra il World Wide Web Consortium (W3C) e il Web Hypertext Application Technology Working Group (WHATWG).
In HTML5 c’è solo una dichiarazione <!doctype>, ed è molto semplice:
<!DOCTYPE html>
Ecco un esempio “minimo” di documento HTML5:
<!DOCTYPE html>
<html>
<head>
<title>Titolo della pagina</title>
</head>
<body>
Contenuto della pagina...
</body>
</html>
Commenti (0) | | | 
Stampa
30/01/2012
La gestione degli sfondi con i CSS
La gestione degli sfondi con i CSS
Grazie ai CSS è possibile applicare uno stile allo sfondo di un elemento. Si tratta in particolare delle seguenti proprietà:
background-color
background-image
background-reapet
background-attachment
background-position
Vediamole in dettaglio.
Commenti (0) | | | Stampa
28/01/2012
Ereditarietà, cascade e conflitti tra stili
Se alcune proprietà sono state sono state definite per lo stesso selettore da diversi fogli di stile, il valore sarà ereditato dal foglio di stile più specifico.
Per esempio un foglio di stile esterno definisce lo stile seguente per un selettore h1:
h1
{
color: red;
text-align: left;
font-size: 8px;
}
Al tempo stesso un foglio di stile interno definisce queste proprietà per lo stesso selettore:
h1
{
text-align: right;
font-size: 20px;
}
Nel caso in cui la pagina con il foglio di stile interno risulti anche collegata al foglio di stile esterno, le proprietà per il selettore h1 saranno:
color: red;
text-align: right;
font-size: 20px;
Il colore viene ereditato dal foglio di stile esterno mentre per l’allineamento del testo e la dimensione del font vengono utilizzati i valori contenuti nel foglio di stile incorporato.
Commenti (0) | | | Stampa
25/01/2012
Inserire i fogli di stile in un documento
Facciamo un piccolo passo indietro e vediamo come inserire un foglio di stile CSS all’interno di un documento. Innanzi tutto bisogna distinguere tra:
- Fogli di stile esterni
- Fogli di stile interni
- Stili in linea
Commenti (0) | | | Stampa
24/01/2012
I selettori di tipo id e di tipo class
In aggiunta alla possibilità di definire uno stile per ogni elemento HTML, i CSS consentono di definire dei selettori “speciali” chiamati id e class.
I selettori di tipo id
I selettori di tipo id sono utilizzati per definire lo stile di un unico elemento. Possono essere applicati ad un qualunque elemento HTML attraverso l’attributo id e sono definiti anteponendo il simbolo “#” al nome scelto.
Esempio:
#paragrafo_rosso {
color: red;
font-size: 14px;
}
Lo stile definito sopra può essere applicato ad un qualunque elemento HTML. Per esempio:
<p id=”paragrafo_rosso”>Testo paragrafo</p>
I selettori di tipo classe
I selettori di tipo class, invece, sono utilizzati per definire lo stile di un gruppo di elementi. Questo consente di definire un particolare stile per una serie di elementi HTML utilizzando lo stesso selettore. I selettore di tipo classe possono essere applicati ad un qualunque elemento HTML attraverso l’attributo class ed è definito anteponendo il simbolo “.” al nome scelto.
Esempio:
.centra {
text-align: center;
}
E' anche possibile fare in modo che lo stile definito da una classe sia applicabile ad un solo specifico elemento HTML. Per esempio:
p.centra {
text-align: center;
}
In questo caso lo stile definito dalla classe .centra sarà applicabile esclusivamente ai paragrafi.
Commenti (0) | | | Stampa
CSS: inserire i commenti
I commenti sono utilizzati per spiegare il codice e sono utilissimi nel caso in cui si rendano necessarie delle modifiche a distanza di tempo.
I commenti in CSS iniziano con "/*" e terminano con "*/".
Esempio:
/*Questo è un commento*/
p {
font-family: Arial;
/*Questo è un altro commento*/
font-size: 14px;
}
Commenti (0) | | | Stampa
