Selectores de ID y de Clase


  Aprenda a trabajar con los selectores fundamentales: para que por medio de este oficio pueda usted convertirse en un diseñador web.

Introducción

Además de permitirte CSS crear estilos para un elemento HTML, CSS le permite especificar sus propios selectores: de tipo “id” y de “clase” (además de los selectores de etiqueta y los compuestos).

Selector de id

El selector de id se usa para crear estilos para un elemento individual y único.
EL selector de id usa el atributo de un elemento HTML se define usando el signo de “#”

Ejemplo de un selector de id

<!DOCTYPE html>
<html>
<head>
<style>
#selena1
{text-align:right;
color:blue; }
</style>
</head>
<body>
<p id="selena1"> Hola mundo </p>
</body>
</html>

Selector CSS de clase

Se usa para especificar los estilos de un grupo de elementos. El selector de clase se usa normalmente para más de un elemento.
El selector de clase  usa el atributo HTML para clase y se define por un “.”


Ejemplo de selectores de clase

<!DOCTYPE html>
<html>
<head>
<style>
.centrado
{
text-align:center;
}
</style>
</head>

<body>
<h1 class="centrado">Encabezado alineado al centro</h1>
</body>
</html>


Estilo que sólo afecta a la etiqueta párrafo <p>.

<!DOCTYPE html>
<html>
<head>
<style>
p.centrado
{text-align:center;}
</style>
</head>
<body>
<h1 class="centrado">El encabezado no se verá afectado</h1>
<p class="centrado">Este párrafo si quedará centrado</p>
</body>
</html>


Selectores de ID y de Clase Reviewed by Pablo Arturo on 11/19/2013 Rating: 5

No hay comentarios:

All Rights Reserved by Libusvideo © 2014 - 2015
Powered By Blogger, Diseñado por byros

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Con la tecnología de Blogger.