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.
É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>
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>
Para darle una mayor flexibilidad se puede asignar un valor al atributo class
y a diferencia del atributo id
se puede tener tantos elementos como lo disponga
<p class="blancas">
Este párrafo utiliza el estilo de letras blancas
</p>
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
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