# data[].attributes.headline
Definicion de: Responsive design mediaquery 

# data[].attributes.subject
Definicion de: Responsive design mediaquery 

# data[].attributes.headline
Que son Selectores,propiedades y valores en css

# data[].attributes.subject
Que son Selectores,propiedades y valores en css

# data[].attributes.body
Un selector CSS es la primera parte de una regla CSS. Es un patrón de elementos y otros términos que indican al navegador qué elementos HTML se seleccionan para aplicarles una regla que incluye los valores de las propiedades CSS.

Un valor en CSS es una forma de definir una colección de subvalores admitidos. Esto significa que si ves <color> como válido, no necesitas preguntarte cuáles de los diferentes tipos de valor de color puedes usar: palabras clave, valores hexadecimales, funciones rgb() , etc

CSS es la abreviatura para Casding Style Sheets (hojas de estilo en cascada). CSS es un lenguaje de marcas que permite definir el diseño y presentación de una página web, funciona junto con HTML que se encarga de la estructura y del contenido de la página.

# data[].attributes.headline
Display más usados: block, inlinee inline-block

# data[].attributes.subject
Display más usados: block, inlinee inline-block

# data[].attributes.body
block: hace que el comportamiento del elemento sea como un bloque.
inline: el elemento se renderizará en línea con otros elementos.
inline-block: el elemento tendrá un comportamiento mezcla entre los dos anteriores, que ahora voy a describir.

# data[].attributes.headline
Que son :  Pseudoclases y pseudoelementos en css

# data[].attributes.subject
Que son :  Pseudoclases y pseudoelementos en css

# data[].attributes.body
Una pseudoclase CSS es una palabra clave que se añade a los selectores y que especifica un estado especial del elemento seleccionado. Por ejemplo, :hover aplicará un estilo cuando el usuario haga hover sobre el elemento especificado por el selector.
Al igual que las pseudo-classes , los pseudo-elementos se añaden a los selectores, pero en cambio, no describen un estado especial sino que, permiten añadir estilos a una parte concreta del documento. Por ejemplo, el pseudoelemento ::first-line selecciona solo la primera línea del elemento especificado por el selector.

# data[].attributes.body
En un primer nivel de simplicidad, la cascada en las hojas de estilo significa que el orden de las reglas importa en CSS: cuando dos reglas tienen la misma especificidad, se aplica la que aparece en último lugar en el CSS.

La especificidad solo se aplica cuando el mismo elemento es objetivo de múltiples declaraciones. Según las reglas de CSS, en caso de que un elemento sea objeto de una declaración directa, esta siempre tendrá preferencia sobre las reglas heredadas de su ancestro

# data[].attributes.body
El concepto de responsive web design se refiere al uso de diferentes técnicas para hacer que un sitio web se adapte, en cuanto a su diseño, al tamaño de la ventana desde la cual se está visualizando.

# data[].attributes.body
Grid y flexbox. La diferencia básica entre CSS Grid Layout y CSS Flexbox Layout es que Flexbox se creó para diseños de una dimensión, en una fila o una columna. En cambio CSS Grid Layout se pensó para el diseño bidimensional, en varias filas y columnas al mismo tiempo.

# data[].attributes.body
La metodología “Atomic Design”, o diseño atómico en castellano, es un sistema de trabajo que se basa en la creación de elementos modulares sencillos para crear estructuras de información mucho más complejas, una teoría que creó el diseñador digital Brad Frost