Css1

css C ascading S tyle S heets Fogli di Stile a Cascata Introduzione Carla Stefani

HTML e CSS
HTML e CSS sono due delle tecnologie di base per costruire pagine Web:
l'HTML (HTMLe XML) definisce la struttura della pagina,
i CSS, o fogli stile, determinano lo stile e il layout (colori, caratteri e impaginazioni) delle pagine web per diversi dispositivi (schermo, stampante, mobile...).

http://www.w3.org/

Gli standard W3C
Il World Wide Web Consortium (W3C) crea degli standard di riferimento ai quali si attengono gli sviluppatori di browser; in particolare crea e aggiorna
i protocolli di comunicazione tra server, PC ed altri dispositivi,
i linguaggi con cui sono scritti i file delle pagine web (ora è in fase di standardizzazione l'HTML5).

Il W3C studia inoltre sistemi per garantire l'accessibilità delle pagine web anche a persone con disabilità fisiche anche gravi.

Gli standard W3C

CSS3 e HTML5 saranno tra breve gli standard di riferimento.

Vantaggi dei CSS
L'uso dei fogli stile consente di:
separare i contenuti dall'aspetto della presentazione della pagina,
creare pagine web accessibili,
condividere un foglio stile con diverse pagine,
modificare l'aspetto della pagina al variare del dispositivo utilizzato (schermo grande, piccolo o stampante),
facilitare modifiche o aggiornamenti del sito.

Come associo i CSS ai file HTML?
I CSS possono essere associati alle pagine web in diversi modi:
incorporando i fogli stile nel documento HTML
<head>
<style type="text/css">
p {color: red;}
</style>
</head>
con fogli stile esterni
<head>
<link rel="stylesheet" href="prova.css" type="text/css">
</head>
con fogli stile importati
<head>
<style type="text/css">
@import "prova2.css";
</style>
</head>

Le regole CSS
Ogni elemento presente nel file HTML può essere ripreso nei file CSS per definirne le modalità di rappresentazione.

In questo esempio è assegnato il colore rosso ai testi dei paragrafi p.
p {color: red;}
p è il selettore
color: red è la dichiarazione dove
color è la proprietà e red il valore

I commenti nei CSS
In un foglio stile possiamo inserire dei commenti, come il seguente
/* barra di navigazione */
che saranno ignorati dal browser.

http://www.osservatoriosullacomunicazione.com/w3c/firstcss.html Tutorial Questo tutorial ti accompagnerà nell'uso dei fogli stile, proponendoti 7 passi da provare al computer. Alla fine di ogni passo, ti proponiamo di verificare quanto appreso con un quiz.

Fine introduzione

http://moodle.pa.itd.cnr.it	142
http://www.primeeng.it	111

Css1

by carstefani

Accessibility

Upload Details

Usage Rights

2 Embeds 253

Statistics

Css1 Presentation Transcript