hoja de estilo interna

Hoja de Estilo Interna

Use una CSS interna, también denominada CSS incrustada, si desea definir estilos únicamente para la página Web actual y si desea anular losestilos definidos en una CSS externa adjuntada a la página Web actual. Una CSS se encuentra dentro de las etiquetas de una página Web.
Este tipo de estilo es aplicadosolamente a la página actual, es decir a la página que lo contiene, esta clase de estilo es bueno utilizarla solamente cuando tengamos elementos que estaránespecíficamente en esta página o a aquellos que deseemos tengan un estilo propio en esta única página. También es posible que querramos cambiar de apariencia determinado elemento enel documento y que exista en la página externa, pero esto solamente en este documento HTML, en este caso es posible hacerlo ya que cuando existe un elemento que tieneestilo definido en una página externa y en una incrustada, el elemento tomará las propiedades del estilo incrustado y hará caso omiso del especificado en la páginaexterna.





Ejemplo CSS

  

  
     p {font-family:Arial;color:red;font:12pts;text-align:right;}
  




Texto del párrafo
Otro párrafo con la mismapropiedad del anterior
Acá se puede observar que el estilo incrustado después de la hoja de estilo externa, prima sobre esta, es decir, se asume el estilo indicado en lacabecera de la página y no el de la hoja externa.




Ejemplos de CSS Interna

.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}