Aprende que es el Render Tree o Árbol de Renderización en 15 minutos
El Render Tree (Árbol de Renderización) es el árbol creado por el navegador combinando el árbol del DOM y el árbol del CSSOM. El propósito de crear este nuevo árbol es precisamente crear un árbol que contenga todos los elementos que se van a visualizar, y por lo tanto renderizar, dentro de una página. Veamos […]
El box model “modelo de caja” de CSS en 5 minutos
El box model (modelo de caja en español) es un modelo de formato visual que se usa precisamente para renderizar un documento para medios visuales. Básicamente es la idea de que cada en el árbol del DOM dibuja una caja. Claro, no todos los elementos crean cajas de manera explícita, eso depende ti. Si tu […]
¿Cómo funciona la herencia en CSS?
CSS es algo a primera vista muy fácil. Al fin y al cabo solo es cuestión de poner un selector y escribir los estilos que quieran esos elementos. Si sigues las buenas prácticas es aún más fácil. Porque en ese caso estarás asignandole clases a tu HTML, tal vez con la metodología OOCSSS, BEM, etc. […]
Aprende que es el CSSOM en 5 minutos
El CSSOM o CSS Object Model (Modelo de objetos de CSS) es un conjunto de APIs que permite la manipulación de CSS a través de Javascript. Para los conocedores de Front-End el término puede que les suene conocido y si no al menos les sonará parecido a otro muy famoso: el DOM. En pocas palabras, […]
Aprende más de CSS – La cascada
La cascada es un concepto muy importante en CSS, tanto que hasta es por esta funcionalidad que recibió su nombre. CSS es el acrónimo de Cascading Style Sheets (Hojas de Estilo en Cascada). ¿Pero qué es esto de la cascada? Es un concepto que normalmente se confunde mucho con la herencia en CSS, pero a […]