Serkronyx
3/7/2016 - 2:34 AM

Identificadores y Clases

Identificadores y Clases

Para poder hacer modificaciones individuales podemos utilizar varios metodos los cuales nos ayudan a modificar partes especificas del documento HTML aunque no sean consecutivos para esto existen 3 diferentes tipos de párrafos los cuales podemos modificar.

Párrafos Comunes

Éstos párrafos no requieren de ninguna caracteristica especia. Una vez vinculados estos parrafos quedan intactos si así lo deceamos.

<p>
    Este párrafo utiliza el estilo general para los párrafos 
</p>

Párrafos Identificados

Estos párrafos usan el atributo id de manera que pueda hacer referencia a un elemento en porticular gracias a su identificador.

<p id="elegante">
    Este párrafo usa el estilo elegante para los párrafos   
</p>

Párrafos dentro de una Clase

Para darle una mayor flexibilidad se puede asignar un valor al atributo class y a diferencia del atributo idse puede tener tantos elementos como lo disponga

<p class="blancas">
    Este párrafo utiliza el estilo de letras blancas        
</p>

Invocación Identificador

Para hacer uno de un id como referencia en la hoja de estilo, se debe anteponer el signo # al nombre del valor.

#elegante{
    color: black;
    background-color:yellow;
}

Use el atributo id cuando quieras afectar a un valor individualmente

Invocación Clase

Para esto se utiliza en punto (.) antes del nombre de la clase para hacer referencia al valor del atributo class.

.blancas{
    color: white;
    background-color:green;
}

Use el atributo class cuando quieras afectar sólo a un grupo de elementos que son o no del mismo tipo