Página personal de José Manuel Barrios

Uso de colores para texto y fondo

Texto 1 Texto 2 Texto 3

Tipografías Externas

Fira Mono (woff)

Firamono Regular     Firamono Regular Italic    

Firamono Medium     Firamono Medium Italic

Firamono Bold     Firamono Bold Italic

Roboto

Roboto Regular     Roboto Regular Italic

Roboto Medium     Roboto Medium Italic

Roboto Bold     Roboto Bold Italic

Tipos de Encabezados

[H1] Texto muy grande

[H2] Texto grande

[H3] Texto algo más grande de lo normal

[H4] Texto normal

[H5] Texto pequeño
[H6] Texto muy pequeño

Caracteres Especiales

Muchas veces necesitamos incluir en nuestros textos, signos que tienen un significado especial en HTML, para poder mostrarlos debemos usar su nombre en código. Por ejemplo:

ASCII HTML Carácter Descripción
      Espacio
© © © signo de copyright
± ± ± signo más-menos
↔ ↔ ↔ flecha izquierda derecha

Existe infinidad de caracteres especiales.

Más información

Formatos de Imágenes

En informática se distinguen dos tipos de imágenes:

  • Imágenes de mapa de bits.

    • • Están formadas por puntos de colores

      • Formatos más conocidos y utilizados (bmp, jpg, png).

  • Imágenes vectoriales.

    • • Están formadas por formas geométricas

      • El formato de imágenes vectoriales más utilizado es SVG.

  • Más información

A continuación se muestran dos ejemplos de imágenes.

  • • Imágenes Responsive usando "picture"
  • • Imágenes Vectoriales SVG

Imágenes Responsive usando "picture"

Viñales,Cuba

Imágenes Vectoriales SVG


Moire.Lines

Video de Youtube

Tipos de Bordes

Se puede redondear cualquiera de las 4 esquinas con un arco igual o diferente para cada una de ellas.

Asimismo, el borde puede tener diferentes anchos, estilos y colores


Radio=0
Borde=2px
Estilo=sólido
color=negro

Radio=40%
Borde=5px
Estilo=punteado
Color=verde

Radio=10% 20% 30% 40%
Borde=10px
Estilo=guiones
Color=amarillo

Enlace a generador de css para bordes, sombra, texturas y gradientes.

Más información