Fogli di stile esterni e fogli di stile CSS incorporati
Ci sono alcune cose che rendono i fogli di stile esterni diversi dai fogli di stile incorporati.

Fogli di stile incorporati
Nei tutorial precedenti hai visto esempi di fogli di stile CSS incorporati e hai appreso che il codice CSS di base per un foglio di stile incorporato inizia e termina con i tag. All'interno di questi tag è presente il codice CSS composto da ciascun selettore / i e dalle rispettive coppie proprietà-valore. Infine, lo stile incorporato viene inserito nella sezione head della tua pagina web.

Esempio



Fogli di stile esterni
I fogli di stile esterni sono leggermente diversi perché non hanno i tag di inizio e fine. In effetti, non è possibile avere tag HTML ad eccezione dei commenti e dell'istruzione @import. È fondamentalmente un file di testo che contiene solo il codice CSS.

Esempio
body {background-color: #ffffff}

p {font-size: 12pt; colore: # 000000; text-align: center}

Puoi nominare il tuo foglio di stile esterno come preferisci, ma è buona norma assegnare al file un nome che rifletta lo scopo del codice CSS. Ad esempio, il codice CSS che controlla lo stile per i collegamenti di menu nella tua pagina Web potrebbe essere chiamato menu.css. Sebbene sia facoltativo, dovresti usare l'estensione .css per i tuoi fogli di stile esterni.

Dopo aver creato i fogli di stile esterni, è possibile utilizzarli su qualsiasi pagina Web posizionando il tag o l'istruzione @import nella sezione head.





Istruzioni Video: Guida CSS3 - 2.1 - Cos'è il CSS e come cambiare colore al testo | FoglioDiStile.com (Aprile 2024).