Incorpora CSS in HTML 5: ecco come funziona
Puoi facilmente integrare CSS in HTML 5. Perché se vuoi rendere i tuoi documenti HTML e XML più attraenti dal punto di vista grafico, Cascading Style Sheets (CSS) è una buona scelta. Il linguaggio di formattazione offre numerose opzioni per migliorare visivamente i tuoi siti Web. Esistono sostanzialmente tre modi diversi per integrare i CSS in HTML 5. Ti mostreremo questo in questo suggerimento pratico.
CSS in HTML 5: Opzione 1 - File CSS in outsourcing
La prima opzione è spostare il CSS in un file separato. Ciò offre numerosi vantaggi: i fogli di stile non riguardano solo una singola pagina, ma vengono automaticamente utilizzati in ogni pagina HTML5. Il vantaggio principale è l'amministrazione centrale. Puoi implementare rapidamente le modifiche su tutte le pagine. Come incorporare un file CSS in HTML 5:
- Crea un nuovo file CSS.
- Nell'area head, fai riferimento al tuo file CSS. In questo caso il file è stato chiamato style.css - ma la denominazione è ovviamente individuale:
- È necessario salvare il file style.css nella directory principale del server Web.
- Hai integrato correttamente il tuo file CSS in HTML 5.
CSS all'inizio del tuo file HTML 5
Se non si desidera creare un file CSS in outsourcing, è anche possibile impostare le proprietà CSS nell'intestazione del documento HTML 5. Questi influenzano quindi solo questo file HTML 5, non per tutte le pagine HTML 5.
- Apri il tuo documento HTML 5
- Inserisci il seguente comando nell'area di testa:
- Definisci ora le proprietà desiderate: ad esempio, possono essere le dimensioni dei titoli, il colore del testo, ecc. Usa i comandi CSS familiari per questo.
- Chiudere il comando dopo aver inserito le proprietà con.
- Le proprietà specificate sono adottate per questo documento HTML 5.
Stile CSS incorporato: usa i comandi direttamente
L'ultimo modo per integrare i CSS in HTML 5 è lo stile inline. Ciò significa che inserisci i tuoi comandi direttamente nel codice sorgente.
- Vai al punto in cui vuoi cambiare il display grafico.
- Immettere direttamente i comandi CSS. Ad esempio, potrebbe apparire così:
Una sottovoce blu
- La proprietà viene utilizzata solo per questo comando.