Definizione di CSS (fogli di stile)

Lo stile in cui i testi e i componenti di a pagina web, così come l'insieme di più pagine, possono essere contrassegnate da ciascuna indipendentemente, oppure dipendere da un elemento esterno (un altro file in cui sono definiti gli stili) che possono essere riutilizzati. Questo elemento esterno è ciò che viene chiamato foglio di stile CSS.

Un foglio di stile CSS (Fogli di stile, fogli di stile a cascata) non è altro che un file di computer che contiene informazioni per modellare lo stile visivo adottato dalle pagine Web durante il rendering dal browser.

Perché questo sia il caso, deve esserci una chiamata al foglio di stile CSS dall'interno del file HTML, tramite a istruzione.

Grazie alla separazione del contenuto da ciò che è l'aspetto, otteniamo un'astrazione che ci consente vari angoli di Libertà.

La prima è che se vogliamo cambiare l'estetica di un sito web completo, dovremo solo ritoccare i file del foglio di lavoro Stile CSS, in modo che se ci sono chiamate a questi file nelle pagine HTML, si verificherà il cambiamento estetico della forma automatico.

Un altro vantaggio è che il Autore dei contenuti puoi concentrarti su di essi senza dover essere a conoscenza del loro layout, poiché questo è dato dai file CSS.

Il foglio di stile è costruito da un linguaggio di design con una struttura specifica e standardizzata, di, forma che il foglio di stile è indipendente dalla tecnologia che serve la pagina web e di cui è abituata renderla.

Ciò è dovuto alla necessità che il Web sia indipendente dal dispositivo, consentendo a qualsiasi server servono gli stessi contenuti e che questi sono resi con lo stesso risultato finale da qualunque browser, indipendentemente dal fatto che alcuni strumenti possano farlo più rapidamente di altri e, quindi, offrire prestazioni migliori al Nome utente.

lo stesso linguaggio la definizione può essere utilizzata anche in qualsiasi documento XML (dopo tutto, HTML può ancora essere interpretato come un sottoinsieme di XML).

La struttura del linguaggio è semplice, con una serie di parole chiave riservate che fanno riferimento a proprietà dello stile di una pagina, e diverse regole per ciascuna di queste proprietà.

Un semplice esempio di foglio di stile CSS sarebbe il seguente:

corpo {
h1 {font-family: Helvetica, Ginevra, Arial,
SunSans-Regular, sans-serif}
}

In esso definiamo semplicemente come dovrebbe essere l'intestazione H1 dei documenti HTML che scriviamo e che sono soggetti a questo foglio di stile. Per questo, le pagine HTML devono avere questa frase nella sezione TESTA:

In quale stylesheet.css è il nome del file che contiene le definizioni.

Possiamo anche includere le istruzioni di impaginazione per lo stile nello stesso file HTML che usiamo per la pagina, risparmiandoci così un file in più, ma quindi perdiamo la versatilità di cambiare l'aspetto di tutte le pagine dovendo solo manipolare un file, poiché dovremmo modificare tutto l'HTML esattamente la stessa.

Il linguaggio in cui sono scritti i fogli di stile CSS esisteva già prima della loro approvazione da parte del W3C, ente che si occupa di regolamentare a livello tecnico gli standard utilizzati sul Web.

È stato approvato a metà degli anni '90 e da allora è diventato uno standard. indispensabile per l'uso su siti Web di grandi dimensioni.

Foto: Fotolia - Stringer

Temi in CSS (fogli di stile)