Categoría: CSS

Materializar CSS | Mesas

Posted on by Rudeus Greyrat

html <!DOCTYPE html> <html>   <head>       <!–Import Google Icon Font–>     <link href= «https://fonts.googleapis.com/icon?family=Material+Icons»         rel=»stylesheet»>       <!– Compiled and minified CSS –>     <link rel=»stylesheet» href= «https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css»>       <!–Let browser know website is         optimized for mobile–>     <meta name=»viewport» content=         «width=device-width, initial-scale=1.0″ /> </head>   <body>     <table class=»striped»>         <thead>             <tr>                 <th>Student</th>                 <th>Study Time(days)</th>                 <th>Marks</th>             </tr>         </thead>   … Continue reading «Materializar CSS | Mesas»

¿Cómo crear viñetas de una imagen en HTML?

Posted on by Rudeus Greyrat

En este artículo, hemos proporcionado algunos elementos de la lista y la tarea es crear una lista de elementos con viñetas de imágenes. Esta tarea se puede realizar utilizando la propiedad list-style-image en CSS. Esta propiedad se utiliza para establecer la imagen que se utilizará como marcador de elementos de la lista.   Sintaxis: list-style-image: … Continue reading «¿Cómo crear viñetas de una imagen en HTML?»

Posición CSS de viento de cola

Posted on by Rudeus Greyrat

Esta clase acepta más de un valor en Tailwind CSS . Es la alternativa a la propiedad Position de CSS . Esta clase se utiliza para controlar cómo se posiciona un elemento en el DOM. Clases de posiciones: estático fijado absoluto pariente pegajoso estática: esta clase se utiliza para establecer la posición de un elemento … Continue reading «Posición CSS de viento de cola»

Propiedad CSS scroll-snap-align

Posted on by Rudeus Greyrat

La propiedad scroll-snap-align de CSS representa la posición de ajuste del área de ajuste de un cuadro dentro del puerto de ajuste del elemento o contenedor. Sintaxis: scroll-snap-align: Keyword_Values; /* Or */ scroll-snap-align: Global_Values; Valores de propiedad: la propiedad scroll-snap-align acepta dos valores mencionados anteriormente y descritos a continuación: keyword_Values: esta propiedad se refiere a … Continue reading «Propiedad CSS scroll-snap-align»

SASS | Funciones de string

Posted on by Rudeus Greyrat

Las funciones de string SASS son bastante similares a las funciones de string de cualquier otro lenguaje de programación con una única diferencia, es decir, las strings SASS usan indexación basada en 1. Significa que el primer carácter de la string SASS se almacena en el índice 1 (no en 0). Hemos creado una tabla … Continue reading «SASS | Funciones de string»

CSS | propiedad de visualización de fuente

Posted on by Rudeus Greyrat

Al usar fuentes web, el texto será invisible hasta que se cargue la fuente web o pasen tres segundos, momento en el que se usa la fuente alternativa. Font-display permite personalizar cómo se muestran las fuentes web cuando se representa la página. Se aplica utilizando la regla @font-face que define las fuentes personalizadas en una … Continue reading «CSS | propiedad de visualización de fuente»

Función del selector de CSS

Posted on by Rudeus Greyrat

En este artículo, discutiremos cómo el selector de CSS es importante mientras diseñamos la página web. El papel del selector de CSS en la página web receptiva es muy importante. Discutamos uno por uno. Función del selector de niños: en el selector de niños, las propiedades de cualquier elemento son el padre inmediato de otro … Continue reading «Función del selector de CSS»

Método CSSStyleDeclaration getPropertyValue()

Posted on by Rudeus Greyrat

El método getPropertyValue() se utiliza para devolver el valor de la propiedad CSS declarada en el bloque de declaración .  Sintaxis: object.getPropertyValue(propertyname) Parámetros: Acepta un único parámetro: propertyname: Es un parámetro requerido que contiene una string que representa el nombre de la propiedad a verificar. Valor devuelto: Devuelve una string que se utiliza para representar … Continue reading «Método CSSStyleDeclaration getPropertyValue()»

¿Cómo arreglar el desbordamiento y desbordamiento de CSS?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo gestionar el problema de desbordamiento en CSS. Este tipo de problema generalmente surge cuando el contenido excede el tamaño del contenedor o cuando la dimensión (es decir, ancho y alto) del contenedor es fija. Aquí, el contenido puede ser texto o una imagen y el contenedor puede ser una etiqueta … Continue reading «¿Cómo arreglar el desbordamiento y desbordamiento de CSS?»

Variables de la caja de Bulma

Posted on by Rudeus Greyrat

Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño. El elemento de caja es simplemente un contenedor con una sombra, un borde, un radio y algo de relleno. Podemos usar esto en … Continue reading «Variables de la caja de Bulma»