CSS è un foglio di stile a cascata che viene utilizzato per creare elementi visivi su una pagina di risorse Internet. Il rendering degli oggetti specificati in CSS è implementato nel linguaggio di markup HTML. Le stesse tabelle a cascata non possono essere utilizzate da sole.
Utilizzo dei CSS
CSS è un linguaggio di stile che implementa il rendering degli elementi di markup HTML. Le tabelle a cascata consentono di personalizzare le opzioni che non possono essere modificate in HTML. Ad esempio, utilizzando il linguaggio di stile, è possibile modificare lo stile del carattere, il colore. I CSS consentono di impostare margini, linee, padding, larghezza, posizionare elementi ed eseguire l'output di quei parametri che sono impossibili da implementare utilizzando HTML "puro".
I fogli di stile a cascata sono supportati da quasi tutti i browser e vengono utilizzati su quasi tutte le risorse web. Controllano la visualizzazione dei contenuti utilizzando una lingua specifica e consentono di controllare la visualizzazione degli elementi per diversi media.
Se l'HTML viene utilizzato solo come mezzo per strutturare il testo di una pagina, i CSS consentono di personalizzare la visualizzazione del contenuto visualizzato.
Sintassi CSS e sua inclusione nel codice HTML
Quando si progetta una pagina, è preferibile utilizzare CSS rispetto agli strumenti HTML. Il fatto è che l'HTML inizialmente non aveva i mezzi per modificare il colore degli elementi e non aveva lo scopo di impostare il colore e i parametri di visualizzazione, e quindi l'uso di descrittori HTML per creare un design potrebbe essere considerato errato da alcuni sviluppatori web.
Il CSS ha una sintassi diversa dall'HTML ed è incluso nel codice della pagina tramite i tag. Puoi anche integrare il codice CSS che si trova in un file separato utilizzando il tag dei parametri:
Il codice CSS ha una certa sintassi, che dovrebbe essere rigorosamente rispettata, altrimenti gli stili generati non verranno visualizzati sulla pagina. Una sezione del codice CSS può essere suddivisa in 3 elementi principali: selettore, proprietà e valore. Questi elementi sono scritti come segue:
selettore {proprietà: valore; }
Il selettore specifica l'handle a cui si applica la regola di visualizzazione generata. Il parametro proprietà definisce l'aspetto modificabile dell'elemento e il valore definisce l'opzione corrispondente per la proprietà. Ad esempio, per cambiare il colore nell'intestazione di secondo livello
HTML, puoi applicare il seguente codice:
h2 {colore: rosso; }
Questo codice imposta il colore del testo su rosso, che si trova nel descrittore di intestazione di secondo livello.
CSS utilizza la tabella dei colori HTML standard.
Oltre a utilizzare i tag, puoi anche utilizzare i tag interni. Per esempio:
Intestazione
Questo codice è identico a quello sopra descritto, con la differenza che gli stessi parametri CSS sono stati impostati all'interno del descrittore necessario per la modifica.
