¿Cómo agregar un archivo CSS en HTML?

3 Formas de incluir css en html La primera es escribir css directamente en html, mientras que la segunda forma es insertando un archivo css en html para separar el código y tener un poco más de orden, la tercera es colocar pequeños fragmentos de css en cada etiqueta. Forma Leer más…

Por Ney, hace

Selector :has() – CSS

¿Cómo funciona :has()? :has() es un selector o pseudo-clase que indica que vamos a aplicarle estilo al elemento superior que se encuentra antes de un elemento determinado. El elemento posterior al que nosotros queremos es un elemento hijo o un elemento hermano. Otra forma de explicarlo es la siguiente: :has() Leer más…

Propiedad outline – CSS

Significado: Outline significa contorno y es ese contorno que suele aparecer cuando le damos clic a un <input> aunque también puede ser definido en otros elementos como: <span>, <a>,<p>, etc. Aquí te dejo un vídeo con los ejemplos que veremos más adelante. Diferencia entre border y outline La diferencia es Leer más…

first-of-type | css

¿Cómo seleccionar el primer elemento dentro de un documento html? first-of-type: Es un selector o pseu-doclase  de css que representa el primer elemento (de su tipo) entre un sin numero  de elementos del documento html. Osea: Si tenemos varios <h1>, <div> ,<input> o cualquier otro elemento solo hará referencia al Leer más…

first-child – Selector | CSS

  ¿Cómo seleccionar el primer elemento hijo? Definición: first-child: Es una pseudo-clase que selecciona solo el primer elemento hijo de un grupo de elementos. (Para todos los que no quieran leer les dejo un vídeo corto de first-child.😜) Sintaxis: Para usar esta pseudo-clase primero va el elemento seguido de 2 Leer más…

¿Cómo usar media query en Javascript?

Ayer aprendí a modificar una etiqueta de html desde Javascript, me pareció tan interesante que no lo quiero olvidar. Así que voy a hacer un post para volver a verlo cuando quiera recordar como usarlo.😅 Para modificar un media query desde Javascript veremos lo siguiente: Window.matchMedia() :  El método «Window.matchMedia()» Leer más…

flex-direction – Flexbox CSS

¿Qué es flexbox? Es un método o procedimiento de diseño de páginas webs unidimensional osea que solo tiene una dimensión. En otras palabras al ser flexbox unidimensional estamos indicando que: flexbox solo maneja una dimensión a la vez, esta puede ser fila o columna pero no ambas al mismo tiempo. Leer más…

Por Ney, hace

align-self propiedad de css grid

  align-self align-self es una propiedad de css que aliena (o reposiciona) el elemento respecto al eje Y de una cuadrícula o grilla. Nota: align-self solo se aplica a un único elemento o casilla de la cuadrícula. Entre los valores de align-self se encuentran los siguientes: – start – end Leer más…

Por Ney, hace