Puedes crear una página web con el notepad, al acabar al ficherlo le cambias la extensión a *.htm. Si hubieras metido código PHP la extensión sería *.php...
[Si usas dreamweaver de lujo, pero utilízalo en modo código, no en modo diseño].
Para aplicar los estilos de los archivos *.css que dices que ves, entre las etiquetas <head> y </head> del código HTML debes añadir la siguiente línea:
<link type='text/css' rel='stylesheet' href='laruta/de/loscss.css' />
***
Si la nueva página la has empezado de cero es probable que al poner la línea de código que te digo no notes ninguna diferencia visual en la página.
El funcionamiento mas básico de CSS es con etiquetas.
Te explico...
En el archivo *.css declaras unos estilos (por grupos) de la siguiente manera...
Código:
#fuente_original
{
font-size: 20px;
background-color: #F7F7F7;
}
#fuente_rara
{
float: left;
font-size: 100px;
}
Ok. Pues ahora en el código HTML puedes usar estos estilos de la siguiente manera (dentro de las etiquetas <body> </body> del archivo *.htm):
Código HTML:
...
...
...
<body>
<div id = "fuente_original">
Este texto utiliza fuente_original
</div>
<div id = "fuente_rara">
Este texto utiliza fuente_rara
</div>
</body>
</html> De todas maneras te recomiendo que te leas algún manual, que siempre te va a quedar mas claro.
Si quieres ponerte en serio con CSS estudia en el siguiente orden:
CSS
CSS3
Maquetación con CSS
Y después puedes mirar (por curiosidad) algún framework de CSS
Grid 960
Sîmple