Investigacion css by Juan jose Yepes gonzalez

Definicion de: Responsive design mediaquery

yepesgonzalezjuanjose — 2022-06-14 21:11:48 UTC

Que son Selectores,propiedades y valores en css

yepesgonzalezjuanjose — 2022-06-14 21:14:20 UTC

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 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.

Que son : Pseudoclases y pseudoelementos en css

yepesgonzalezjuanjose — 2022-06-14 21:20:26 UTC

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.

Que es Cascada y especificidad en CSS

yepesgonzalezjuanjose — 2022-06-14 21:22:59 UTC

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

Display más usados: block, inlinee inline-block

yepesgonzalezjuanjose — 2022-06-14 21:26:06 UTC

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.

Flexbox y CSS Grid

yepesgonzalezjuanjose — 2022-06-14 21:35:30 UTC

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.

Atomic design

yepesgonzalezjuanjose — 2022-06-14 21:38:40 UTC

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

yepesgonzalezjuanjose — 2022-06-14 22:10:31 UTC

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.