Introduzione ai CSS - HTML5 con CSS e JavaScript - page 66

Esempio 4.4
@import url("external.css") screen;
La keyword screen inserita in fondo è opzionale e, se omessa, indica che il CSS è valido
per tutti i tipi di browser. Tra l'altro, lo sottolineiamo, questo è il comportamento predefi-
nito. Dobbiamo notare che, inoltre, l'URL è specificato tramite un apposito attributo url ,
specificato dopo la keyword @import . Il percorso del file, come per tutte le risorse di un
documento, può essere tanto relativo, quanto assoluto.
nota
Tra le tante specifiche che vengono raccolte dal termine CSS3, ne esiste una de-
nominata CSS Namespaces . Si tratta di un modulo che specifica la sintassi da
utilizzare per inserire namespace (cioè un modo logico per raggruppare delle re-
gole) all'interno di un documento CSS. Viene definita una keyword @name-
space e una sintassi per far riferimento al percorso completo degli elementi con
namespace.
Maggiori informazioni sono disponibili su: http://aspit.co/a0y .
Ora che abbiamo visto come registrare un file con i nostri stili, iniziamo a dare un'occhiata
a come crearli all'interno della nostra applicazione.
Applicare gli stili a un documento
Anche se può sembrare complesso per chi è a digiuno di sviluppo web, in realtà il
concetto di separazione netta tra markup e formattazione grafica è l'aspetto più potente
dell'accoppiata HTML e CSS. Iniziamo a dare un'occhiata a come si può comporre il pro-
prio foglio di stile, analizzandone le differenti tipologie di sintassi.
Stile per i tag
Applicare uno stile a un tag è abbastanza semplice. Dopo aver registrato il CSS all'interno
della pagina, utilizzando uno dei metodi descritti in precedenza, dobbiamo procedere con
la definizione della regola di stile.
Nel caso dei tag, ci basta specificare lo stile all'interno del CSS, come nell'esempio 4.5 .