Fundamentos de CSS y XML: Position, Multicolumnas, Transformaciones y XSLT

Disposición de elementos (position)

position: cambia la posición de los elementos.

Valores:

• static: utiliza el orden por defecto del flujo del documento.
• relative: se desplaza respecto a su posición estática.
• absolute: se posiciona respecto al contenedor padre posicionado (ancestro)
• fixed: se comporta como absolute pero respecto a la ventana (viewport); al hacer scroll, el elemento permanece fijo en la pantalla.

Multicolumnas

Propiedades principales:

• column-count: indica el número de columnas.
• column-gap: indica la distancia entre columnas.
• column-rule: define el ancho, el color y el estilo de la línea que separa las columnas.

Transformaciones, transiciones y animaciones

Transformaciones (funciones comunes):

• translate(x, y): mueve x píxeles a la derecha e y píxeles hacia abajo. Si x o y son negativos, el movimiento será a la izquierda o hacia arriba, respectivamente.
• rotate(<grados>): rota el elemento el número de grados indicado (por ejemplo, rotate(45deg)).
• scale(x, y): escala el ancho x veces y la altura y veces.

Transiciones y animaciones: permiten suavizar cambios de propiedades CSS (transitions) o definir movimientos y efectos complejos por keyframes (animations).

Tipos de datos simples (XSD)

Enumerados: crean datos que limitan los valores que puede tomar un elemento.

• xs:simpleType: crea un tipo de dato simple.
• xs:restriction base="valor": especifica el tipo de dato base.
• xs:enumeration value="valor": define los valores permitidos.

Listas

Se crean listas en base a un tipo de dato indicado:

• xs:simpleType: define un nuevo tipo simple.
• xs:list itemType="tipo_dato": indica que el tipo es una lista cuyos elementos son del tipo especificado.

Tipos de nodos (XML)

• raíz: nodo raíz del fichero XML.
• elemento: cada uno de los elementos del XML.
• atributo: va asociado a un nodo elemento.
• texto: contenido del elemento; no tiene hijos.

Sintaxis XPath

• Eje: selecciona nodos a partir de una relación (por ejemplo, padre, hijo, ancestro).
• Predicado: filtra nodos según una condición (por ejemplo, [@id='1'] o [position()=1]).
• Selección de nodos: indica qué resultado mostramos (por ejemplo, rutas absolutas o relativas).

XSLT

XSLT: tipo de transformación que permite realizar acciones que con CSS no se pueden, como transformar un documento XML en otro distinto. XSLT es la tecnología usada para aplicar transformaciones basadas en plantillas sobre XML.

Funcionamiento básico:

• Se parte de un documento XML.
• Al XML se le asocia una transformación definida en un archivo diferente (XSL).
• El procesador XSLT aplica la hoja de estilos.
• El documento final puede ser un XML u otro formato distinto (por ejemplo, HTML).

Elementos (atributos comunes en esquemas)

Algunos atributos y propiedades habituales de los elementos en esquemas XML/XSD:

• name: nombre del elemento.
• type: puede ser simple o complejo.
• minOccurs y maxOccurs: indican la cardinalidad mínima y máxima.
• unbounded: valor para indicar que no hay límite en maxOccurs.
• fixed: valor fijo que no puede cambiarse.
• default: valor por defecto si no se proporciona otro.