En este artículo, aprenderemos cómo configurar el logotipo dentro del cargador usando CSS. Un cargador es cualquier animación que alerta al visitante/usuario sobre la página actual que se está cargando en ese momento, y tendrá que esperar unos segundos para que se cargue por completo. Los cargadores generalmente son útiles cuando un sitio web tarda … Continue reading «¿Cómo configurar el logotipo dentro del cargador usando CSS?»
En este artículo, aprenderemos cómo alinear un conjunto de elementos a su valor predeterminado en CSS. Enfoque: la propiedad align-items se usa para establecer la alineación de los elementos dentro del contenedor flexible o en la ventana dada. Toma valor. El valor inicial se utiliza para establecer el valor de esta propiedad en el valor … Continue reading «¿Cómo alinear el conjunto de elementos a su valor predeterminado en CSS?»
En este artículo, veremos cómo configurar la propiedad de desbordamiento para desplazarse en CSS. La propiedad de desbordamiento se usa para controlar el contenido grande. Indica qué hacer cuando el contenido de un elemento es demasiado grande para caber en el área especificada. Cuando la propiedad de desbordamiento está configurada para desplazarse, el desbordamiento se … Continue reading «¿Cómo configurar la propiedad de desbordamiento para desplazarse en CSS?»
En este artículo, aprenderemos cómo establecer la ubicación base de un elemento girado en CSS. Esto se puede usar para rotar un elemento desde un cierto punto como origen. Enfoque: Usaremos la propiedad transform-origin para establecer la ubicación base de un elemento giratorio. Esta propiedad se puede utilizar para especificar el origen de la rotación … Continue reading «¿Cómo establecer la ubicación base de un elemento rotado en CSS?»
En este artículo, aprenderemos sobre los colores seguros para el navegador . Estos son 216 colores de los 256 colores generales que se mostrarán de forma sólida, sin interpolaciones y consistentemente en todos los monitores. Los colores seguros para el navegador contienen RGB 0, 51, 102, 153, 204 y 205 . Mientras observa estos números, … Continue reading «¿Cuáles son los colores seguros del navegador en CSS?»
En este proyecto, crearemos un clon de Instagram utilizando HTML y CSS, que incluye la creación de una página de publicación donde los usuarios pueden desplazarse y ver las imágenes publicadas. Este proyecto se divide principalmente en 3 secciones diferentes: Sección de encabezado: Aquí, construiremos la barra de navegación simple y el encabezado de la … Continue reading «Clon de Instagram usando HTML y CSS»
Podemos reordenar elementos HTML usando muchos métodos en CSS . Usamos la propiedad order de flexbox . La propiedad de orden se usa para cambiar el orden visual y no su orden lógico. Los elementos en un contenedor se clasifican en valor de orden ascendente y luego por su orden de código fuente. Sintaxis: valores … Continue reading «¿Cómo reordenar elementos div usando solo CSS?»
En este artículo, aprenderemos cómo hacer que un div vacío ocupe espacio usando CSS. Enfoque: la solución es dar un poco de altura (o altura mínima) y ancho (o ancho mínimo) a su div HTML. Cuando establece un alto y ancho particular para un div, no importa si está vacío o desbordado, solo ocupará el … Continue reading «¿Cómo hacer que un div vacío ocupe espacio?»
En este artículo veremos la propiedad que se utiliza para sangrar el texto de un párrafo. La propiedad text-indent en CSS se usa para definir la sangría de la primera línea en cada bloque de texto. También toma valores negativos. Significa que si el valor es negativo, la primera línea se sangrará a la izquierda. … Continue reading «¿Qué propiedad se utiliza para sangrar el texto de un párrafo?»
En este artículo, vamos a explicar y ver el uso de Mixin. Mixin se usa en Sass, que es un preprocesador de CSS. Mixin funciona como una función en Sass y nos ayuda a reducir la escritura del mismo código una y otra vez. Sintaxis @mixin <name>(<parameter>){ // Code… } name: Tenemos que proporcionar el … Continue reading «¿Qué es un Mixin y cómo usarlo en SASS?»