En este artículo, aprenderemos sobre el contexto de formato de bloque en CSS y su implementación. Un contexto de formato de bloque es una parte del CSS visible que se mostrará en la página web en la que los cuadros de bloque se colocan fuera. El flujo normal es el esquema de posicionamiento al que … Continue reading «¿Qué es el contexto de formato de bloque en CSS?»
En este artículo, analizaremos las esquinas redondeadas mediante el uso de propiedades CSS . Cuando quitamos el borde afilado de cualquier elemento y le damos forma redonda, se le llama esquina redondeada. Enfoque: para cambiar el borde afilado con un borde redondeado usamos la propiedad border-radius . Ejemplo 1: En este ejemplo, nombramos la etiqueta … Continue reading «¿Cómo agregar una esquina redondeada a un elemento usando CSS?»
Tenemos que construir un sitio web donde pueda cargar los datos de su estudiante como su nombre, calificaciones en diferentes materias. Y después de cargarlo, insertará los datos del estudiante en la tabla y mostrará las calificaciones totales, el promedio y el estado de aprobación/reprobación. La implementación se realiza mediante HTML y JavaScript . Acercarse: … Continue reading «¿Cómo crear una boleta de calificaciones dinámica usando HTML CSS y JavaScript?»
La Calculadora de préstamos se puede usar para calcular el EMI mensual del préstamo tomando el monto total, los meses para pagar y la tasa de interés. Enfoque: El enfoque es muy simple, tomaremos 3 entradas del usuario, es decir, monto (monto total del préstamo), tasa (la tasa de interés) y meses (número de meses … Continue reading «Diseñe una calculadora de préstamos usando JavaScript»
En este artículo vamos a ver cómo funciona z-index en CSS. Z-index funciona como una pila para los elementos que son visibles en la pantalla. Podemos asignar un número a la propiedad del índice z para asignarle una posición en la pila. El número asignado puede ser negativo. El número mayor asigna la posición delantera … Continue reading «¿Cómo funciona el índice z en CSS?»
En este artículo, aprenderemos cómo alinear dos elementos HTML en los lados izquierdo y derecho de un documento utilizando Tailwind CSS . Puede hacer flotar fácilmente los elementos hacia la izquierda y hacia la derecha usando Tailwind CSS. Esto se puede hacer utilizando las clases tailwind flex o flow-root . Clases utilizadas: flow-root: esta clase … Continue reading «¿Cómo alinear dos elementos a la izquierda y a la derecha usando Tailwind CSS?»
En este artículo, veremos cómo crear un logotipo de GeeksforGeeks usando solo HTML y CSS. Paso 1: Para crear el logotipo de GFG, primero tomamos dos divs (que están en línea) y hacemos círculos con ellos. Pero los elementos div están a nivel de bloque, por eso envolvemos ambos divs con un div contenedor y … Continue reading «Cree el logotipo de GeeksforGeeks usando HTML y CSS»
En este artículo, aprenderemos cómo configurar la forma de la esquina superior izquierda de div usando CSS. La propiedad border-top-left-radius se usa para formar la forma de la esquina superior izquierda. Podemos usar porcentajes para dar forma a la esquina superior izquierda, para eso puedes consultar este artículo ¿Cómo establecer la forma de la esquina … Continue reading «¿Cómo establecer la forma de la esquina superior izquierda de div usando CSS?»
En este artículo, veremos cómo crear “enlaces” en su página HTML que están vinculados a la sección de la misma página. Para lograr esto, necesitamos tener algún conocimiento previo de algunas características HTML de la etiqueta de anclaje con el «href» y la clase y la identificación . Enfoque: Ya que ahora sabemos que la … Continue reading «¿Cómo crear enlaces a secciones dentro de la misma página en HTML?»
En este artículo, implementaremos una animación de revelación de texto deslizante que se puede usar en portafolios personales, sitios web e incluso en videos de introducción de YouTube para agregar una ventaja adicional a nuestros videos para que se vean más interesantes y llamativos en primera instancia y el La mejor parte es que lo … Continue reading «¿Cómo crear una animación de revelación de texto deslizante usando HTML y CSS?»