Si claro, pero es mejor crearlo en forma de clases.
1. Crear un archivo estilos.css
2. Algo asi es lo que buscas??.
Código:
#titulos {
background-color: #FFF;
color:#555;
}
h1.titulos { /*para los titulos*/
color: #FC0;
font-family: arial, helvetica, sans-serif;
font-size: 2.0em;
}
#titulos p { /*aplicacion a un parrafo*/
font-size: 0.9em;
font-family: arial, helvetica, sans-serif;
line-height: 1.6;
}
Y en el documento seria asi:
Código:
<html>
<head>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="titulos">
<h1 class="titulos">Aqui el titulo</h1>
<p>Aqui un texo que se aplica con el estilo...</p>
</div>
</body>
</html>
Claro que lo normal es crear div como contenedores digamos:
Un div con la info de cabecera.
Un div con la info del cuerpo.
Un div con la info del pie.
Entonces la cosa seria asi:
Código:
<div class="cabecera">Aqui el contenido de cabecera.</div>
<div class="cuerpo">Aqui el contenido del cuerpo</div>
<div class="pie">Aqui el contenido del pie</div>
y el CSS seria:
Código:
.cabecera h1{
font-size: 2.3em;
color:#333
}
.cuerpo h1{
font-size: 2.1em;
color:#ffcc00
}
.pie h1{
font-size: 2.0em;
color:#fff
}
Un saludo,