CSS è un linguaggio formale utilizzato per descrivere l'aspetto di un documento creato utilizzando un linguaggio di markup (HTML, XHTML, XML). Il nome deriva dall'inglese Cascading Style Sheets, che significa "fogli di stile a cascata".
Perché si usano i CSS
Lo scopo dei CSS è separare ciò che imposta aspetto esteriore pagina, dal suo contenuto. Se il documento è stato creato solo con usando HTML, quindi definisce non solo ogni elemento, ma anche il modo in cui viene visualizzato (colore, carattere, posizione del blocco, ecc.). Se i fogli di stile a cascata sono collegati, l'HTML descrive solo l'ordine degli oggetti. E CSS è responsabile di tutte le loro proprietà. In HTML è sufficiente scrivere una classe senza elencare ogni volta tutti gli stili.
Tale tecnologia:
- fornisce uno sviluppo relativamente semplice e veloce, perché una volta creato, il design può essere applicato a molte pagine;
- aumenta la flessibilità e l'usabilità della modifica: è sufficiente modificare il CSS per cambiare il design ovunque;
- rende il codice più semplice riducendo la ripetizione degli elementi. È più facile da leggere per programmatori e bot di ricerca;
- Accelera i tempi di caricamento perché i CSS possono essere memorizzati nella cache alla prima apertura e solo la struttura e i dati vengono letti in quelli successivi;
- aumenta il numero soluzioni visive per presentare contenuti;
- fornisce la possibilità di applicare facilmente stili diversi allo stesso documento (ad esempio, creare una versione adattata per dispositivi mobili o stili speciali per ipovedenti).
Cioè, le tabelle a cascata servono non solo per implementare la progettazione, ma anche per cambiare radicalmente l'approccio alla costruzione del sito, semplificando il lavoro degli sviluppatori e fornendo flessibilità di implementazione. Ecco a cosa servono i CSS.
Sviluppo CSS
La necessità dello sviluppo CSS è stata riconosciuta dal W3C negli anni '90. Nel 1996 è stato adottato lo standard CSS1, che consente di modificare i parametri del carattere, il colore, gli attributi del testo, l'allineamento e il riempimento. Nel 1998 è stato rilasciato CSS2, aggiungendo la possibilità di utilizzare disposizione dei blocchi, tabelle sonore, contenuto generato, puntatori, media della pagina... La versione CSS3 ha notevolmente aumentato le possibilità di stili: è diventato creazione a prezzi accessibili elementi animati senza usando JavaScript, c'era il supporto per anti-aliasing, ombre, gradienti, ecc. La specifica era divisa in moduli, ognuno dei quali ha iniziato a svilupparsi separatamente. Dal 2011, i moduli CSS4 sono in fase di sviluppo. Le possibilità sono ancora descritte nelle versioni bozza.
struttura linguistica
I CSS possono essere caratterizzati in parole semplici come un insieme di regole che descrivono come dovrebbe apparire un elemento.
Una regola è costituita da un selettore e da un blocco di dichiarazione.
Selettori
Il selettore indica quale elemento è descritto in Proprietà CSS stile. Qualsiasi tag a cui viene data una formattazione (dimensione, colore, ecc.) può essere utilizzato come selettore. Se è necessario impostare stili diversi per un tag o applicarne uno per elementi diversi, utilizzare le classi e una voce del modulo "Tag.Class (proprietà: valore;)". Il nome della classe è specificato in caratteri latini, può contenere un trattino basso o un trattino. Se non specifichi un tag, ma inizi a registrare con ".Class", puoi utilizzare la regola per qualsiasi tag. Se elenchi più classi per un tag, tutti gli stili descritti verranno applicati ad esso. L'identificatore specifica un nome univoco per un elemento a cui assegnare uno stile o fare riferimento allo script. Registra "#Identifier (proprietà: valore;)". Il nome dell'identificatore è composto da lettere alfabeto latino, trattino e trattino basso sono consentiti. Per applicare un identificatore a un tag specifico, specificarne il nome, quindi senza spazi e tramite il cancelletto il nome dell'identificatore.
Blocco annunci
Il blocco di dichiarazione è costituito da coppie "proprietà: valore" (la voce è sempre seguita da due punti), inseriti in parentesi graffe... Le voci terminano con punto e virgola. I CSS sono insensibili a tab, spazi, maiuscole e minuscole. La scelta del metodo di registrazione (in una colonna con rientri o solo in una riga) è a discrezione dello sviluppatore. Se per un selettore sono registrati significati diversi per una proprietà viene data priorità alla voce in basso.
Collegamento CSS
I CSS possono essere collegati all'HTML in diversi modi:
- all'interno del tag utilizzando l'attributo style. Non è necessario specificare un selettore;
- Aggiungi Tag
Testo di esempio