La propiedad position en CSS informa sobre el método de posicionamiento de un elemento o una entidad HTML. Hay cinco tipos diferentes de propiedades de posición disponibles en CSS: Fijado Estático Pariente Absoluto Pegajoso El posicionamiento de un elemento se puede realizar mediante las propiedades top , right , bottom e left . Estos especifican … Continue reading «Elementos de posicionamiento CSS»
En este artículo, crearemos una calculadora de pérdidas y ganancias utilizando HTML, CSS y Javascript para agregar la funcionalidad básica junto con el diseño y el diseño. La Calculadora de pérdidas y ganancias se utiliza básicamente para calcular la cantidad o el porcentaje recibido después de vender un precio o un bien en particular. Si … Continue reading «Crear una calculadora de pérdidas y ganancias usando JavaScript»
Un generador de códigos QR es una aplicación que almacena los datos de texto requeridos en un código QR que luego se puede escanear con un escáner de códigos QR para revelar la información almacenada. Este Código QR se puede utilizar en cualquier lugar, por ejemplo, en un cartel o sitio web para permitir a … Continue reading «Generador de códigos QR usando HTML, CSS y jQuery»
Los sitios web que pueden cambiar su apariencia de forma dinámica según el dispositivo o la pantalla en la que se visualice se denominan sitios web responsivos . Utiliza el concepto de puntos de interrupción para determinar la apariencia de los sitios web en diferentes pantallas. Los puntos de interrupción se especifican en función del … Continue reading «¿Qué entender sobre los sitios web receptivos?»
Podemos hacer un hexágono de borde curvo usando la propiedad de pseudo-elemento de CSS. Use un elemento div para crear un rectángulo y también agréguele un radio de borde. Ahora cree un pseudo-elemento después de usar CSS y gírelo usando 60 grados. También cree otro pseudo-elemento antes usando CSS y gírelo -60 grados. Ejemplo 1: … Continue reading «¿Cómo dibujar un hexágono de borde curvo usando CSS?»
En este artículo, crearemos una tarjeta transparente o borrosa utilizando las propiedades básicas de HTML y CSS . El efecto borroso también se llama efecto de cristal. Acercarse: En la etiqueta del cuerpo , cree el diseño de la tarjeta. Defina las clases a cada uno de los componentes para usar las propiedades CSS. Para … Continue reading «¿Cómo crear una tarjeta transparente o borrosa usando CSS?»
Podemos crear globos de diálogo increíbles usando HTML y CSS sin imagen, sin JavaScript, sin marcos adicionales ni nada. Con un solo elemento HTML div, estamos creando una burbuja de diálogo, puede elegir cualquier otro elemento. Haremos una caja simple con algunos estilos que podemos ajustar de acuerdo a nuestras elecciones. Después de eso, le … Continue reading «¿Cómo crear bocadillos de diálogo sin imágenes usando CSS?»
En este artículo, aprenderemos cómo alinear el extremo flexible del elemento al final del contenedor usando CSS. La propiedad align-items and display de CSS se utiliza para alinear elementos al final del contenedor. Enfoque: la propiedad align-items y display de CSS se utiliza para alinear elementos al final del contenedor. Para alinear elementos al final … Continue reading «¿Cómo alinear el artículo con el extremo flexible en el contenedor usando CSS?»
Ampersand o «&» es una característica poderosa de SASS. Mejora la legibilidad del código mediante el uso de declaraciones de anidamiento, lo que tiene una ventaja sobre el CSS convencional. Podemos anidar la clase css cualquier cantidad de veces, pero la mayoría de las veces no es necesario. Sintaxis: parent { some_styling; & .child_element … Continue reading «¿Cómo combinar padre usando ampersand (&) con selectores de tipo en SASS?»
Las páginas web directas y sencillas son buenas, pero no las mejores. La animación es lo que le da vida a una página estática y la hace más llamativa. Aquí hay algunas ideas de animación para sus páginas web utilizando lenguajes de interfaz como HTML y CSS. 1. Rotar una Carta: El primero es rotar … Continue reading «Ideas de animación para páginas web usando HTML y CSS»