![]() |
![]() ![]() ![]() |
CSS I CSS, dall'inglese Cascading Style Sheets, servono per migliorare l'aspetto estetico e al tempo stesso facilitare la creazione e/o la manutenzione di siti grandi o piccoli che possano essere. Per parlare dei fogli di style e vedere a cosa servono e cosa producono, vi basta notare l'impaginazione di questo documento: lo sfondo, la giustificazione del testo, i suoi margini dai bordi, sono soltanto alcune delle cose fattibili con i css, che non sono riportati in ogni singola pagina ma definiti una sola volta in un unico foglio di stile esterno. Cosa vi serve per creare i css? Dipende da come siete abituati a lavorare, anche un semplice blocco note ve bene, ma volendo si possono trovare editor css che permettono di vedere in tempo reale il risultato di quello che state facendo. Fondamentalmente sono tre i modi di usare i css, quale sia il migliore dipende soltanto da voi, dalla vostra organizzazione mentale e dalle vostre reali esigenze: 1 - Direttamente In linea: aprendo un tag <style> nel body del html stesso, questa funzione sarà valida solo per quel documento. 2 - Ad inizio pagina a stile incorporato: aprendo un tag <style> nel head del html stesso, questa funzione applicherà lo stile a tutte le pagine collegate a questa. Questo metodo non impedisce però di fare uso anche di eventuali definizioni di stile in linea, i quali avrebbero priorità sulle dichiarazioni di stile inserite ad inizio pagina. 3 - Nel collegamento ad un foglio di stile esterno: se gli stili definiti sono molti, o molte sono le pagine web che ne faranno uso, la cosa migliore da fare sarà quella di creare una struttura esterna alla quale tutte le pagine possano fare riferimento, questa struttura altro non sarebbe che il foglio di style, un documento di testo normalissimo ma con estensione finale .css dove al suo interno saranno contenute tutte le dichiarazioni valide per un foglio di style.Anche nel caso in cui decidessimo di fare uso di un foglio di style esterno, sarà possibile definire all'occorrenza stili ad inizio pagina e/o stili in linea e questi avrebbero priorità sul quanto dichiarato nel foglio esterno. Per richiamere lo stile poi basterà scrivere <link rel=stylesheet href="nome_assegnato.css" type="text/css"> nella head del documento html. Sintassi Attributi per il testo Attributi per il carattere Attributi per colore e sfondo Attributi di posizione |
|
|
|