Diseño de interfaces web

Relacione: Estilos a un documento HTML y su definición. CSS en línea. CSS en el head. CSS en un fichero externo. Definición de CSS.

Relacione las definiciones de los atributos de la etiqueta link: Etiqueta link que apunta a un fichero CSS. rel. type. href. media.

Relacione: Selectores. Selectores basados en etiquetas. Selectores de clase. Identificadores. Pseudoclases.

Relacione: Propiedades de texto CSS. text-align: center|justify|left|right|initial;. line-heigth: tamaño (pt|%|em);. text-decoration-line (none | underline | overline | line-through | blink | initial) text-decoration-color (color | rgb() | hsl() | initial) text-decoration-style (solid | double | dotted | dashed | wavy | initial). @media screen{... }.

Relacione las propiedades de fuente: Familia de fuente font-family. Tamaño de fuente font-size. Grosor de fuente font-weight. Estilo de fuente font-style. Formato de fuente font-variant. font: font-style font-variant font-weight font-size font-family;.

¿Qué es la propiedad float?. La propiedad float permite definir la posición relativa de una capa con respecto al resto. La propiedad float permite definir la posición absoluta de una capa con respecto al resto. La propiedad float permite definir la posición flexible de una capa con respecto al resto. La propiedad float permite definir la posición inherit de una capa con respecto al resto.

Relacione los valores que puede tener la propiedad flotar: Float.

Relacione las propiedades de color y fondo: Propiedades de color y fondo. background-color: color | rgb()| #códigoHex;. background-image: url| none| inherit;. background-position: posición(X e Y);. Repetición de la imagen. Determina la posición de la imagen con al elemento sobre el que se define.

Relacione: Medios. Permite la asignación de diferentes estilos a un mismo bloque en función del tipo de medio en el que va a ser visualizado. screen. print. handheld. projection. Permite importar hojas de estilo ya implementadas y asociarlas a diferentes medios.

Relacione las definiciones de las páginas fijas, líquidas, elásticas y sensibles: Páginas fijas. Páginas líquidas o fluidas. Páginas elásticas. Páginas sensibles. Responsive web design.

Relacione: Desde link: se le indica la carga de la hoja de estilos solo si el dispositivo es una pantalla y el ancho máximo es de 800px. Si no se cumple, se tomarían los datos de otra hoja de estilo. Desde la hoja de estilo: este tipo supone una ventaja evidente con respecto a la anterior, puesto que en una sola hoja se pueden definir todos los formatos posibles en función del tipo de medio y de las dimensiones de la pantalla.