¿Quieres calcular el porcentaje? En caso afirmativo, puede hacer una calculadora de porcentaje simple usando HTML, CSS y JavaScript. En este artículo, debe ingresar las calificaciones obtenidas en el primer campo de entrada y las calificaciones totales en el segundo campo de entrada para calcular el porcentaje. Después de ingresar valores y hacer clic en … Continue reading «Calculadora de porcentaje usando HTML CSS y JavaScript»
Dada una array que contiene elementos de la array, aquí uniremos todos los elementos de la array para formar una sola string. Para unir los elementos de la array, usamos el método arr.join(). Este método se utiliza para unir los elementos de una array en una string. Los elementos de la string estarán separados por … Continue reading «¿Cómo crear una string uniendo los elementos de una array en JavaScript?»
En este artículo, aprenderemos cómo configurar diferentes tipos de cursores usando CSS. La propiedad del cursor se usa para establecer diferentes tipos de cursores usando CSS. Con la ayuda de la propiedad del cursor, podemos especificar que se muestre el cursor del mouse al señalar un elemento. Toma un valor que es el tipo de … Continue reading «¿Cómo configurar diferentes tipos de cursores usando CSS?»
En este artículo, aprenderemos sobre rem & em en CSS, cómo se diferencian entre sí. El em y el rem son las unidades de tamaño de fuente CSS de longitud relativa que se pueden usar en documentos CSS para hacer que el tamaño de fuente de un elemento específico sea relativo a sus padres. El … Continue reading «¿En qué se diferencia rem de em en CSS?»
En este artículo, aprenderemos cómo ocultar elementos definidos como variables en jQuery. Esto se puede hacer usando dos enfoques. Enfoque 1: en este enfoque, primero seleccionaremos el elemento que debe ocultarse y luego lo asignaremos a una variable. Luego llamaremos al método hide() en la variable. Este método ocultará el elemento de la página. Ejemplo: … Continue reading «¿Cómo ocultar elementos definidos como variables en jQuery?»
La propiedad ::marker en CSS se usa para cambiar las propiedades del marcador. Aquí marcador es el cuadro de marcador de un elemento de lista. En una lista desordenada es una viñeta y en una lista ordenada es un número. Sintaxis: ::marker { properties } Valores de propiedad: Todas las propiedades de fuente: esto puede … Continue reading «CSS ::propiedad de marcador»
La propiedad list-style-type en CSS especifica la apariencia del marcador de elementos de la lista (como un disco, un carácter o un estilo de contador personalizado) si ‘list-style-image’ tiene el valor ‘none’. Sintaxis: list-style-type: disc|circle|square|decimal|lower-roman|upper-roman| lower-greek|lower-latin|upper-latin|lower-alpha|upper-alpha|none| inherit; Valores de propiedad : disco: Este es el valor predeterminado. El marcador es un círculo relleno. Sintaxis: list-style-type: … Continue reading «CSS | Propiedad de tipo de estilo de lista»
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?»
Es una propiedad de CSS para aumentar o disminuir el espacio en blanco entre las palabras. Esta propiedad solo puede tener dos valores, son normal y length. Sintaxis: word-spacing: normal|length|initial|inherit; Valores de propiedad: Normal: Define el espacio normal entre palabras que es 0.25em. Este es el valor predeterminado . Ejemplo: <!DOCTYPE html> <html> <head> <title> … Continue reading «CSS | Propiedad de espacio entre palabras»
Grid : CSS Grid Layout, es un sistema de diseño bidimensional basado en cuadrículas con filas y columnas, lo que facilita el diseño de páginas web sin tener que usar flotadores y posicionamiento. Al igual que las tablas, el diseño de cuadrícula nos permite alinear elementos en columnas y filas. Para comenzar, debe definir un … Continue reading «Diferencia entre CSS Grid y CSS Flexbox»