Per creare una barra di navigazione fissa nei CSS, è necessario utilizzare la proprietà “position: fixed”. Questa proprietà posiziona un elemento rispetto alla finestra del browser, il che significa che rimarrà fisso anche quando si scorre la pagina.
Ecco un esempio di come fare:
```
/* Stile per la barra di navigazione */
.navbar {
position: fixed; /* Fissa la posizione della barra di navigazione */
top: 0; /* Posiziona la barra di navigazione in alto */
width: 100%; /* Fa si che la barra di navigazione occupi l’intera larghezza */
height: 50px; /* Imposta l’altezza della barra di navigazione */
background-color: #333; /* Imposta il colore di sfondo della barra di navigazione */
}
/* Stile per i link nella barra di navigazione */
.navbar a {
color: white; /* Imposta il colore dei link */
text-decoration: none; /* Rimuove il sottolineamento dei link */
padding: 15px; /* Aggiunge un padding ai link */
display: inline-block; /* Fa sì che i link siano affiancati */
}
```
È possibile quindi usare la classe “navbar” per la barra di navigazione nel codice HTML:
```
In questo modo, la barra di navigazione rimarrà fissa in alto, indipendentemente dallo scrolling della pagina.
