¿Por qué se prefieren los guiones para los selectores CSS/atributos HTML?

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?»

Efecto de texto de doble capa usando CSS

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»

HTML | Atributo marcado

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»

Materializar paginación CSS

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»

Diseña una página web de Parallax usando HTML y 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»

CSS | Propiedad padding-block-end

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»

¿Cómo usar botones con íconos usando Pure CSS?

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?»

CSS | propiedad de navegación – Part 2

La propiedad CSS nav-up se usa para navegar a través de la tecla de navegación desde el teclado. Esta propiedad define dónde enfocarse cuando el usuario navega usando la tecla de navegación. La navegación hacia arriba se puede usar con la propiedad nav-right , nav-down y nav-left . Sintaxis: nav-up: auto | id | target-name … Continue reading «CSS | propiedad de navegación – Part 2»

CSS::Selector de primera letra

El pseudoelemento CSS ::first-letter selector se usa para aplicar el estilo a la primera letra de la primera línea de un elemento de nivel de bloque, la condición es que no debe estar precedido por otro contenido (como imágenes o tablas en línea). ). Sintaxis: ::first-letter { // CSS Property } Propiedades Aceptadas: propiedades de … Continue reading «CSS::Selector de primera letra»

CSS | propiedad border-top-left-radius

En CSS, la propiedad border-top-left-radius se usa para especificar el radio de la esquina superior izquierda de un elemento . Nota: El redondeo del borde puede ser un círculo o una elipse según el valor de la propiedad. Si el valor es 0, entonces no hay cambio en el borde, sigue siendo un borde cuadrado. … Continue reading «CSS | propiedad border-top-left-radius»