HTML / CSS - Incorporare CSS in HTML

Salve,
vorrei un piccolo aiuto se non disturbo. Vorrei sapere come fare per mettere il codice CSS in una pagina HTML ad esempio vorrei mettere questo codice:

.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}

che si trova in un file .CSS in una pagina web per favore mi potete dare una mano??

Grazie tante a tutti

mettilo così

<style>
/*tuo codice css qui*/
</style>

è meglio metterlo però dentro al tag head ;-)

a meno che lo vuoi linkare ovvero mettere in un file apparte è un altro tag

Ciao ti volevo dire grazie. Però non è quello che cercavo in pratica io ho quel codice in un file .CSS ma se come uso un servizio online che non mi permette di accedere al file .CSS vorrei sapere come fare per dare lo stesso aspetto al menu.

Codice prensente nel File .CSS

/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */

/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/…;

<html xmlns="w3.org/1999/…;
<head runat="server">
<title>Store</title>
<style type="text/css">
.style2
{
text-align: center;
}
.NuovoStile1
{
position: absolute;
}
.style3
{
top: 19px;
left: 13px;
}
.style4
{
text-align: center;
}
.style6
{
text-align: center;
}
.style7
{
text-align: center;
}
</style>
</head>
<body>
<link rel="stylesheet" href="menu/style.css" type="text/css" />
<form id="form1" runat="server">
<div class="style2">

<img alt="" src="Images/logo.png" class="NuovoStile1 style3" /><br />
<br />

    <div class="blue">
    <div id="slatenav">
    <ul>
    <li><a href="#" title="Name" class="current">Home Page</a></li>
    <li><a href="#" title="Hosting Solution">Hosting Solution</a></li>
    <li><a href="#" title="Store">Store</a></li>
    <li><a href="#" title="Support">Support</a></li>
    </ul>
    </div>
    </div>
</div>
</form>

Mi dici come posso fare per incorporare il codcie CSS nel codice HTML?
Grazie ancora

è come h scritto nel mio topic prendi tutto quel codice css e lo metti tra i tag style.

Ciao scusami di nuovo il problema sta che non so come richiamare il codice CSS capito?? Ad esempio in VB .NET faccioamo vinta che devo richiamre una funzione su due button e quindi faccio:

Private Sub Apri_Form()
Form.Show()
End Sub

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

Apri_Form()
End Sub

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click

Apri_Form()
End Sub

Ecco io richiamo il codice con "Apri_Forum" ma col il CSS so sono richiamare il codice solo se il codice CSS è suddiviso in un file .CSS

Capito??

Grazie!! e scusa tanto per il disturbo

Devi fare come ha detto! Copia quel codice tra i Tag Style della tua pagina HTML,e vedrai che funziona. Non devi richiamare niente, e non vedo cosa c'entri VB.NET!

Qui si incomincia a dare i numeri.
Ma hai letto qualche guida sui css e html?
ti consiglio mr.webmaster e html.it

Già, credo sia necessario