Cascading classi foglio di stile consentono di lay out ogni elemento della pagina HTML, come ad esempio una barra di navigazione. Si utilizza il tag "lista" per creare l'elenco di utenti valori può cliccare nel menu, e quindi applicare le classi CSS alla lista per creare il layout. È possibile cambiare lo sfondo del pulsante, discesa colori, font e stili di testo. È possibile inserire le classi CSS direttamente nella pagina HTML, o in un file CSS separato collegato nel codice HTML.

istruzione

1 Fare clic sulla pagina Web HTML che si desidera utilizzare per il menu di navigazione. Fai clic su "Apri con", e quindi fare clic l'editor HTML nella lista dei programmi.

2 Creare le voci di menu. Per esempio, il codice seguente crea una "casa" voce di menu e una voce di menu "About Me":

<Ul id = "menu">

<Li> <a href="home.html"> pagina </a> </ li>

<Li> <a href="AboutMe.html"> About Me </a> </ li>

</ Ul>

3 Creare lo stile CSS. È possibile utilizzare qualsiasi proprietà CSS per impostare il menu HTML. In questo esempio, il margine e il colore di sfondo vengono modificati. Digitare il seguente codice nel file HTML per creare una classe CSS in linea:

<Script type = "text / css">

Menu

{

margin: 0;

background-color: #FFFFFF;

}

</ Script>

La classe è denominata con l'ID del menù, quindi la classe collega automaticamente al menu appropriato.

4 Salvare le modifiche e aprire il file HTML con un browser Web. Rivedere il menu per fare in modo che il layout funziona per la tua pagina.