Introduzione
Tranquilli e tranquille, ci saranno altri articoli su HTML, non è ancora finito, ma ho deciso che è meglio iniziare già da adesso a parlare di CSS in modo da poter fare più lezioni di HTML fuso a CSS. Infatti questi due linguaggi vengono quasi sempre usati assieme.
Cos’è CSS?
CSS è il linguaggio per la programmazione sul web volto all’implemento della grafica sul testo o contenuto apportato con HTML. Inoltre un buon CSS permette la compatibilità della grafica su tanti dispositivi.
Vi ricordate la lezione sugli stili? Gli stili in realtà sono già CSS, una scrittura di esso chiamata lineare. Come vedete spesso sono perfettamente intrecciati, da qui la necessità di parlarne già ora.
3 modalità
Esistono 3 modalità di inserire il codice CSS in un file, quindi potenziale sito web, in HTML. Adesso le andremo a vedere velocemente assieme.
1.CSS interno
Questa è la modalità che useremo maggiormente. Con questa modalità andremo a scrivere il CSS in mezzo a due tag style e /style posizionati nell’head.
Qui usiamo molti comandi per definire la grafica della pagina. Tranquillo, nelle prossime lezione li vedremo. Tieni conto che il principio di CSS è la descrizione delle caratteristiche dei contenuti. Per quello ho elencato alcuni elementi della nostra pagina e con alcuni semplici comandi li ho descritti (comandi che vedremo a breve).
Vediamo il risultato:
2.CSS esterno
Questa modalità prevede che sia “chiamato” dal file in HTML (.html o .htm) un file in CSS (.css) chiamato file di stile. Per farlo basta fare così:
Scriviamo un file in CSS (vedremo come fare nelle prossime lezioni, anche se useremo quasi sempre la modalità di inserimento precedente)
Adesso dovremo chiamare questo file (salvato con il .css) dal file salvato in HTML usando il tag link all’interno dell’head, in questo modo:
Visualizziamo il tutto!
3.CSS in linea
Questa modalità l’abbiamo già vista nella lezione sullo stile. Ovviamente non avevamo visto tutti i comandi, ma li scopriremo in gran parte nelle prossime lezioni!! Vediamo un veloce esempio di questo metodo.
!!NOTA BENE queste modalità possono essere usate contemporaneamente, ma in tal caso FAI ATTENZIONE, potresti mettere in contrasto comandi differenti e quindi creare bug e incongruenze nel programma!!
Ciaoo!!
Per questa semplice e discorsiva lezione introduttiva è tutto. Speriamo di rivederci nella prossima lezione!! Alla prossima! Buon coto a tutti!