Come integrare codice CSS all’interno di un documento HTML?

Ti sei mai chiesto come integrare codice CSS in un documento HTML?

Quando progettiamo pagine web, abbiamo bisogno di HTML e CSS e molto spesso viene creato un foglio di stile (style.css) a parte.

E se volessi inserire del CSS all’interno di un documento HTML?

Ecco come si fa:

All’interno del tag <head></head> dobbiamo semplicemente andare a inserire il tag <style></style> dove all’interno di quest’ultimo andranno aggiunti gli stili.

Di seguito un esempio:

<!DOCTYPE html>
<html>
<head>
    <title>Titolo pagina</title>
    <style>
        body {
            background-color: black;
        }
        h1 {
            color: white;
        }
    </style>
</head>
<body>
    <h1>Ciao mondo!</h1>
    <p>Questo è un testo.</p>
</body>
</html>

In questo modo puoi aggiungere stili CSS direttamente all’interno di un HTML.

Anche se è una pratica sconsigliata, in questo modo avrai tutto all’interno di un unico file.

Hai bisogno di assistenza personalizzata per il tuo sito web?

Non esitare a contattarmi tramite email all’indirizzo info@danielemirabella.com, sono qui per aiutarti.