La propiedad de ruptura posterior le permite colocar una ruptura en contextos de varias regiones, medios paginados y diseños de varias columnas. Esta propiedad describe cómo se comporta la región, la columna o el salto de página después del cuadro generado. Esta propiedad se ignora si no se genera ningún cuadro. Sintaxis: break-after: Generic break … Continue reading «Propiedad de interrupción posterior de CSS»
Shadowing y Flow control son métodos para cambiar el valor de las variables . Estos dos métodos son muy útiles cuando estamos trabajando con una biblioteca SASS. Lo discutiremos uno por uno. Sombreado: las variables locales se pueden declarar con el mismo nombre que las variables globales. Si hacemos eso, el valor de esa variable … Continue reading «SASS | Sombreado y control de flujo»
La propiedad CSS border-image-width se usa para establecer el ancho de la imagen del borde. Se puede configurar proporcionando varios valores. Si solo se proporciona un valor, se aplica a los cuatro lados. Cuando se especifican dos valores, el primer valor se aplica a ‘arriba y abajo’ y el segundo valor se aplica a ‘izquierda … Continue reading «CSS | Propiedad de ancho de imagen de borde»
CSS es un lenguaje de sintaxis delimitado por guiones , lo que significa que al escribir atributos HTML podemos usar guiones (-). Ejemplo: font-size, line-height, background-color, etc… Hay varias razones para preferir el guión (-): En CSS, se puede usar guión bajo (_) en lugar de guión (-) para los selectores de CSS (clase, id, … Continue reading «¿Por qué se prefieren los guiones para los selectores CSS/atributos HTML?»
La función de efecto de texto de doble capa es muy nueva en el mundo de la animación de texto dirigida a sitios web animados y sus usuarios como audiencia. La característica básicamente tiene dos capas para cada palabra y la capa superior puede manipularse mediante varios eventos, como eventos de desplazamiento . La rotación … Continue reading «Efecto de texto de doble capa usando CSS»
El atributo marcado en HTML se utiliza para indicar si un elemento debe comprobarse cuando se carga la página. Es un atributo booleano. Nota: Se puede usar con el elemento <input> solo donde el tipo es «casilla de verificación» o «radio». Este atributo ha quedado DESAPROBADO y ya no se recomienda. Etiquetas admitidas: < entrada> Sintaxis: … Continue reading «HTML | Atributo marcado»
La paginación se utiliza para separar el contenido en páginas discretas que son cortas y fáciles de entender. Materialise CSS proporciona clases para crear una barra de paginación que contiene los enlaces a las otras páginas. La clase de paginación se usa para establecer el elemento de lista <ul> como un componente de paginación. Las … Continue reading «Materializar paginación CSS»
Un sitio web de paralaje incluye imágenes fijas en el fondo que se mantienen en su lugar y el usuario puede desplazarse hacia abajo en la página para ver diferentes partes de la imagen. En este artículo, estamos creando una página web de paralaje usando HTML y CSS. Usaremos etiquetas básicas de HTML como div, … Continue reading «Diseña una página web de Parallax usando HTML y CSS»
La propiedad padding-block-end en CSS se usa para definir el relleno final del bloque lógico de un elemento. Esta propiedad ayuda a colocar el relleno según el modo de escritura, la direccionalidad y la orientación del texto del elemento. Sintaxis: padding-block-end: length|percentage|auto|inherit|initial|unset; Valores de propiedad: longitud: Establece el valor fijo definido en px, em, pt. … Continue reading «CSS | Propiedad padding-block-end»
La incorporación de fuentes de iconos con botones Pure es una tarea sencilla con Pure CSS. Dado que Pure CSS no viene con su propio paquete de íconos, estamos usando fuentes de íconos de Font Awesome . Antes de crear botones con íconos, primero debemos incluir el archivo pure.css en nuestro archivo HTML directamente desde … Continue reading «¿Cómo usar botones con íconos usando Pure CSS?»