CSS
CSS , abbreviazione di Cascading Style Sheet , è un linguaggio utilizzato nel web design per applicare gli stili alle pagine Web. CSS ha una sintassi un po 'simile a JavaScript . I CSS possono essere utilizzati per modificare e creare facilmente stili per pagine Web e possono essere incorporati direttamente nella pagina Web o possono essere utilizzati dalla pagina Web esternamente. Il CSS è molto efficiente per i siti, in particolare i siti con molte pagine in quanto può essere utilizzato per modificare lo stile di più pagine Web, modificando facilmente solo un documento, in meno di un minuto che richiederebbe a volte più di 5 minuti modificando ogni pagina Web uno per uno.
Sintassi
[modifica]La sintassi di base di uno stile CSS è la seguente:
selettore { proprietà : valore } / *Commento * / L'elemento selector definisce quali elementi HTML verranno selezionati con lo stile.
property indica la proprietà che viene modificata dallo stile.
value è il modo in cui gli elementi vengono modificati.
La sintassi CSS può essere inserita all'interno di un foglio di stile (.css) , in <head> o direttamente in linea all' interno di un file html.
Sintassi foglio di stile
[modifica] h1 { color: rgb (10,60,110); } / * Intestazione di dimensione 1 bluastra* / p { color: # 3300FF; } / * Paragrafi blu * / * { color: blue ; } / * Tutti gli elementi sono blu * / h1 { color: red; } / * Tutte le intestazioni di dimensione 1 sono rosse * / h1 h2 { color: yellow; } / * Tutte le intestazioni di dimensione 2 all'interno di un paragrafo di dimensione 1 sono gialle * / #Id { color : red; } / *Gli elementi con ID="Id" saranno di colore rosso * / .classe { color : blue; } / *Tutti gli elementi di classe "classe" saranno blu * / Sintassi in <head>
[modifica] <head> <style> h1 { color: rgb (10,60,110); } </style> / * Tutti gli esempi precedenti sono applicabili, basta aggiungere il tag <style> * /
Sintassi in linea
[modifica] <p color="blue">Testo</p> <span font-size="6px">Testo</p> / * Le funzioni sono le stesse, ma non è applicabile un selettore ed è necessario aggiungere " prima del valore * / 