Ok, entonces aquí va una pequeña explicación de lo que son las clases y los avanzados ID.
Lo que está en color
normal son declaraciones globales y los que estén en color
azul son clases, y, los que están en color
rojo son ID's.
Para empezar hechemosle un vistazo a estas declaraciones de CSS:
Código:
<style type="text/css">
<!--
body{
background-color: #FFFFEE; /*declaración o estilo #1*/
background-attachment: fixed;
}
h1.titulo {
background-color: #f5f5f5;
border-bottom: 1px solid #000000; /*tengo muy mal gusto con los colores*/
color: Navy;
}
p { font: 12px/16px Tahoma;color: red }
#caja_texto {
height: 52px;
border: 2px dotted #040404;
}
p.articulo {
font: 10px/14px Verdana;color: #000000;
}-->
</style>
Código:
<html>
<body>
<h1 class="titulo">Encabezado o título de la página</h1><hr />
<p>este texto está formateado directamente desde el selector "<p>"
<hr />
<div id="caja_texto">ahora esta capa obedece las declaraciones del "id"</div>
<hr />
<p class="articulo">ahora este texto obedece a la clase "artículo"</p>
</body>
</html>
Oye es simple
las clases van antecedidas por un punto (.) y los id van antecedidos por un signo (#) y para aplicarlos se usan como te lo muestro en el ejemplo.
Man, más tarde te explico mejor porque estoy en clases. bye, espero te haya servido de algo.
Haz unas pruebas con el código que te puse de ejemplo y verás los resultados.