Recursos imprescindibles

Depuración

Cómo funciona la declaración important en CSS

Modelos de alerta

Bootstrap Icons v5.1.3..

Ejemplo:

Para agregar un icono fontawesome en un html select vamos a seguir los siguientes pasos:

Vincular fontawesome a nuesta pagina web

Aunque este paso podria parecer algo obvio, no esta demas indicarlo. Vamos a incluir la hoja de estilos de fontawesome al header de nuestro pagina.

Tendrá que agregar la línea siguiente en su etiqueta principal y definir la familia de fuentes dondequiera que use estos caracteres unicode en su archivo css personalizado. Entonces solo podrá ver el icono deseado. Archivo de fuentes : <link href="https://icons.getbootstrap.com/assets/font/bootstrap-icons.css" rel="stylesheet">

Agregar la clase de fontawesome

Debemos agregar la clase fa tanto al select como a los options. Esto nos permitira tener acceso a la fuente de FontAwesome

Iconos de Fontello

Iconify

Iconos (dryicons) 2

Iconos (dryicons) 1

Iconos www.w3.org

Nota margen derecho

Textos con simbolos de fonts.googleapis.com

Modelos de alertas

Texto en jumbotron

Iconos en https://icons8.com/icons/metro

Iconos libreria de https://icons8.com/

Libreria 5.15.4

Librerías de Simbolos

Visualizadores de códigos html

cintas

ej borrar

PROBADOR DE CODIGO 1

CIRCULAR

Blockquote

FUENTES

APLICACION DE FUENTE ORIGEN... https://fontmeme.com/es/fuente-grand-theft-auto/ <a rel="noopener noreferrer nofollow" target="_blank" href="https://fontmeme.com/es/fuente-grand-theft-auto/"><img src="https://fontmeme.com/permalink/220119/643cd74c413db475474983d00220aca0.png" alt="fuente-grand-theft-auto" border="0"></a>

Texto sombreado con gradiente

EJEMPLO

Ejercicios de Padding. Parte 1

En esta publicación voy a aplicar a la imagen suministrada la propiedad CSS padding; aplicando padding, tanto al texto (casos 1 al 4) como a la imagen (casos 5 al 8).

   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae. Suspendisse faucibus interdum posuere lorem ipsum.

Diam in arcu cursus euismod quis. Fermentum iaculis eu non diam phasellus vestibulum lorem sed risus.

Tortor vitae purus faucibus ornare suspendisse sed. Nunc scelerisque viverra mauris in aliquam sem. Accumsan sit amet nulla facilisi morbi tempus iaculis. Faucibus purus in massa tempor. Tristique magna sit amet purus gravida quis. Placerat duis ultricies lacus sed turpis tincidunt. Vel orci porta non pulvinar neque laoreet. Bibendum arcu vitae purus faucibus ornare suspendisse sed vitae elementum.