HTML à
si occupa del CONTENUTO (testo, immagini)
dobbiamo creare tanti fogli html quante sono le nostre pagine del sito
dobbiamo creare tanti fogli html quante sono le nostre pagine del sito
CSS à si occupa del LAYOUT:
cioè tutto quello che è presentazione (font, colore, dimensioni, …)
si crea un unico foglio di stile per l’intero sito (se il sito è molto grande se ne creeranno di più)
si crea un unico foglio di stile per l’intero sito (se il sito è molto grande se ne creeranno di più)
Come è fatto un CSS: regole, proprietà,
commenti
(lezione 3 in “guida CSS di base” http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/ )
(lezione 3 in “guida CSS di base” http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/ )
Sintassi
Nome elemento {
Proprietà:
valore;
“ : “ ;
}
“ : “ ;
}
I selettori CSS di base: DI TIPO, ID,
CLASSI
(lezione 7 in “guida CSS di base” http://www.html.it/pag/14217/id-e-classi-due-selettori-speciali/ )
(lezione 7 in “guida CSS di base” http://www.html.it/pag/14217/id-e-classi-due-selettori-speciali/ )
Dentro i fogli di stile ci sono 3 tipi di selettori:
- Selettore DI TIPO O DI ELEMENTI
es: voglio tutti i titoli verdi, tutti i <p> con sfondo giallo, …
Sintassi à h1 {color: white; background: red;}
selettore blocco delle dichiarazioni
Il blocco mi dice la regola, il selettore mi dice a cosa applico quella regola
- selettore ID: attributi applicabili a tutti gli elementi html
Sintassi à #nome_id { … }
- selettore CLASSI
Sintassi à .nome_della_classe { … }
inserire i fogli si stile CSS in un
documento
(lezione 5 in “guida CSS di base” http://www.html.it/pag/14211/inserire-i-fogli-di-stile-in-un-documento/)
(lezione 5 in “guida CSS di base” http://www.html.it/pag/14211/inserire-i-fogli-di-stile-in-un-documento/)
Come si collegano file CSS all’html:
dentro la pagina html, nella <head> necessario inserire il tag standard
dentro la pagina html, nella <head> necessario inserire il tag standard
<link href="stile.css" rel="stylesheet" type="text/css">
(dopo aver salvato il file css come: “stile.css” nella cartella di base) 
Nessun commento:
Posta un commento