CSS | Alto y ancho

El alto y el ancho en CSS se usan para establecer el alto y el ancho de las cajas. Su valor se puede configurar usando longitud, porcentaje o automático.  Ejemplo:   html <!DOCTYPE html> <html>    <head>       <title>width and height</title>       <style>          .GFG{          height: 120px;          width: 50%;          border: 5px solid black;          padding-left: 50px;          padding-top: 50px;          font-size:42px;          font-weight:bold;          color:green; … Continue reading «CSS | Alto y ancho»

¿Qué es el conjunto de reglas CSS?

Un conjunto de reglas CSS son varias afirmaciones para varias piezas o elementos del documento. El objetivo es aplicar un montón de propiedades para ciertas cualidades distintas a un solo, o un arreglo particular de componentes en la página HTML asociada.  Visualización del conjunto de reglas CSS: conjunto de reglas CSS Los «.» al principio … Continue reading «¿Qué es el conjunto de reglas CSS?»

CSS | Desbordamiento

El desbordamiento de CSS controla el gran contenido. Indica si se debe recortar el contenido o agregar barras de desplazamiento. El desbordamiento contiene la siguiente propiedad:   visible oculto Desplazarse auto Visible: el contenido no se recorta y es visible fuera del cuadro del elemento. Ejemplo:   html <!DOCTYPE> <html>    <head>       <style>          p {          width:100px;          height:80px;          border:1px solid; … Continue reading «CSS | Desbordamiento»

Comentarios CSS

Los comentarios en CSS son las declaraciones en su código que el compilador ignora y no se ejecutan. Los comentarios se utilizan para explicar el código. Hacen que el programa sea más legible y comprensible. Sintaxis: /* content */ El comentario puede ser de una sola línea o de varias líneas. La sintaxis de comentario … Continue reading «Comentarios CSS»

CSS | propiedad forma-imagen-umbral

La propiedad shape-image-threshold se usa para establecer el umbral del canal alfa usado para extraer la forma cuando se usa una imagen para la forma exterior. Sintaxis: shape-image-threshold: <alpha-value> Valores de propiedad: valor alfa: se utiliza para establecer el umbral para extraer la forma. Los píxeles que son mayores que el valor de umbral se … Continue reading «CSS | propiedad forma-imagen-umbral»

¿Cómo numerar elementos HTML usando CSS sin listas?

A veces tenemos que numerar los encabezados, párrafos, títulos de sección, botones, tarjetas y muchos otros elementos para los que las listas no son una etiqueta de elemento adecuada. En este escenario, podemos tomar la ayuda de los contadores CSS. No es una forma de reemplazar listas ordenadas o desordenadas en ningún sentido. Es solo … Continue reading «¿Cómo numerar elementos HTML usando CSS sin listas?»

CSS | Efectos de texto

CSS es el mecanismo para agregar estilo en los diversos documentos web. Text Effects nos permite aplicar diferentes tipos de efectos en el texto utilizado en un documento HTML. A continuación, se muestran algunas de las propiedades de CSS que se pueden usar para agregar efectos al texto: desbordamiento de texto ajuste de línea salto … Continue reading «CSS | Efectos de texto»

Iconos CSS – Part 1

En este artículo, sabremos cómo usar los íconos CSS para agregar a la página HTML desde la biblioteca de íconos. Todos los íconos en la biblioteca se pueden formatear usando CSS. Se pueden personalizar según el tamaño, el color, la sombra, etc. El icono es una representación gráfica que transmite el significado específico para el … Continue reading «Iconos CSS – Part 1»

Cuadrícula de imágenes usando CSS

En este artículo, veremos cómo podemos crear una cuadrícula de diamantes usando HTML y CSS. Usaremos la propiedad de posición para alinear imágenes en forma de cuadrícula. Parte HTML del código: en esta sección, crearemos una estructura de nuestra grilla. Acercarse: Cree una lista ordenada usando «ul» y agregue un contenedor de clase. Cree seis … Continue reading «Cuadrícula de imágenes usando CSS»

¿Cómo crear una barra de progreso usando HTML y CSS?

La barra de progreso es un elemento importante en la web, la barra de progreso se puede utilizar para descargas, notas obtenidas, unidad de medida de habilidades, etc. Para crear una barra de progreso podemos utilizar HTML y CSS . Para que la barra de progreso responda, necesitará JavaScript . ¿Cómo crear una barra de … Continue reading «¿Cómo crear una barra de progreso usando HTML y CSS?»