srassdf

CSS#
#
1. Aplicar estilos directamente a elementos HTML. De esta manera se
escribe el código CSS dentro del atributo style de la etiqueta HTML
en cuestión.Por ejemplo, para aplicar un estilo css a un párrafo:
*
2. Hojas de estilos internas. Se utilizan para aplicar estilos a la página
en la cual se utiliza. El código de la hoja de estilo se ubicará en la
cabecera de la página web,entre las etiquetas siguientes:
*
3. Hojas de estilos externas. Se utilizan para aplicar el mismo formato a
varias páginas de un portal. Se definen en un archivo externo que será
consultado por todas las páginas HTML del sitio web, reutilizando por
tanto el código. Para ello se escribirá el código CSS en un documento
externo con extensión css. Posteriormente se vinculará a la página
webmediante la utilización de la siguiente etiqueta en la cabecera del
documento HTML en cuestión:
*

Herencia
Hay propiedades CSS que afectan a los elementos definidos por un
selector y también a sus descendientes. Por ejemplo, si se especifica la
propiedad color en
el body,
los
elementos
que
estén
dentro
debody heredarán dicha propiedad.
*
Sin embargo, también hay propiedadesque no se heredan, como la
propiedad border. Para conseguir que se herede dicha propiedad, se debe
asignar el valor inherit a la propiedad que queremos que se herede del
elemento padre.

Especificidad
En ocasiones, puede ocurrir que se definan dos reglas de estilo para un
mismo elemento. Por ejemplo:
*
En este caso, se indica que todos los párrafos deben tener tamaño de
letra 8,mientras que el párrafo llamado párrafo1 debe tener tamaño 14. ¿Qué
tamaño se aplicará al final al párrafo llamado párrafo1? Pues se aplicará

tamaño 14, ya que esa regla es más concreta que la que se aplica a todos los
párrafos en general.
En conclusión, puede decirse que cuanto más concreto es el selector,
más valor tiene la regla. Así, el atributo id prevalecerá sobre el
atributoclass, y éste sobre cualquier selector simple. Además, los selectores
simples se aplican por delante de las reglas heredadas.

Ubicación
Las reglas que aparecen en último lugar tienen más peso. Así, las reglas
que se aplican localmente al elemento HTML se considera que aparecen
después de las definidas en las hojas de estilo interna y externa. A
continuación se muestra un ejemplo de esto:*

CRITERIOS DE SELECCIÓN
Selección por tipo o nombre de elemento.
Es el más sencillo de todos. Aplica una regla de estilo a todos los
elementos seleccionados sin distinguir por su identificador, clase, contexto,...
Por ejemplo:
*
En este caso se aplicarían los estilos a todas las etiquetas que
aparecieran en el documento HTML, sin importar qué identificador lleven o a
qué clasepertenezcan.

Selección por contexto del elemento.
De esta manera se pueden seleccionar los elementos en función de dónde se
encuentran. Por ejemplo, serviría para indicar que se aplique una regla de estilo a los
enlaces que se encontraran dentro de una determinada sección. Por ejemplo:
*
En este caso se aplicarían los estilos a todas los elementos que se encuentren
dentro de unaetiqueta .
Se pueden definir tres contextos:
•

Ascendiente.#Es# el# elemento# que# contiene# al# que# se# desea# formatear.#
Puede# haber# más# de# un# elemento# entre# medias.# Para# hacer# uso# de# este#

criterio# se# usan# dos# selectores# separados# por# un# espacio,# siendo# el#
primero#de#ellos#el#ascendiente.#Por#ejemplo:#
*#En#este#caso#se#formatearían#los#elementos##que#se#encuentren#dentro#
de#una#etiqueta#.#
Padre.#Es# el# elemento# que# contiene#directamente#al# que# se# desea#
formatear,#al#que#llamaremos#hijo.#Para#hacer#uso#de#este#criterio#se#usan#
dos# selectores# separados# por# el# símbolo#>,# siendo# el# primero# de# ellos# el#
padre#y#el#segundo#el#hijo.#Por#ejemplo:#

•

*#
En# este# caso# se# formatearían# los# elementos# # que# se#...