domingo, 3 de febrero de 2013

Los Selectores en CSS

Veremos todos los tipos de selectores de CSS los simples y complejos asi que empesemos...

Selector de clase: Este selector como su nombre los indica selecciona e introduce el estilo a los elementos que tenga de atributo clase "class".

HTML

<div class="clase">
            Hola mundo
 </div>

CSS

.clase
{
        /*aqui van los estilos de la clase*/

}
Selector por id: Este selector selecciona e introduce el estilo a los elementos que tengan el atributo id especificado.

HTML

<div id="identidad">
            Hola mundo
 </div>

CSS

#identidad
{
        /*aqui van los estilos del elemento con este id*/

}
Cabe destacar que el elemento HTML puede ser cualquier etiqueta, asi que no hay limitaciones para usar todo el repertorio HTML.

Selector  de etiqueta: Este selector selecciona e introduce el estilo a los elementos que coincidan con el nombre de la etiqueta especificada.


HTML

<div>
            Hola mundo
 </div> 

CSS

div
{
        /*aqui van los estilos del elemento*/

}

 En el ejemplo anterior este estilo afectara a todas las etiquetas DIV de la pagina web

hasta la proxima...

Entradas populares