Formatos y colores

28/03/2025

La Web se compone de varios CSS donde se configura todo. 

Style.css: Aquí se encuentran las clases ha, hb, hc, hd y h7

Propios.css: La mayoria de las clases de colores

 

Resultados al combinar las diferentes clases y formatos

ha - El sítio Web de Camf

hb - El sítio Web de Camf

hc - El sítio Web de Camf

hd - El sítio Web de Camf

h1 - El sítio Web de Camf

h2 - El sítio Web de Camf

h3 - El sítio Web de Camf

h4 - El sítio Web de Camf

h5 - El sítio Web de Camf
h6 - El sítio Web de Camf

h7 - El sítio Web de Camf

 

Resultado aplicando negrita y cursiva

ha - El sítio Web de Camf

hb - El sítio Web de Camf

hc - El sítio Web de Camf

hd - El sítio Web de Camf

h1 - El sítio Web de Camf

h2 - El sítio Web de Camf

h3 - El sítio Web de Camf

h4 - El sítio Web de Camf

h5 - El sítio Web de Camf
h6 - El sítio Web de Camf

h7 - El sítio Web de Camf

 

El color #666 se utiliza en el body por defecto. Cuando se quiere una frase más negra utilizamos la clase negro.

 

Aplicando las clases de propios.css en fondo blanco

A este texto que quiero mostrar no le aplicamos clases

A este texto que quiero mostrar le aplicamos la clase -arial

A este texto que quiero mostrar le aplicamos la clase -courier

A este texto que quiero mostrar le aplicamos la clase -diez

A este texto que quiero mostrar le aplicamos la clase -once

A este texto que quiero mostrar le aplicamos la clase -doce

A este texto que quiero mostrar le aplicamos la clase -azul

A este texto que quiero mostrar le aplicamos la clase -azul_claro

A este texto que quiero mostrar le aplicamos la clase -azul_nostra1

A este texto que quiero mostrar le aplicamos la clase -azul_nostra2

A este texto que quiero mostrar le aplicamos la clase -azul_nostra3

A este texto que quiero mostrar le aplicamos la clase -azul_nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -azul_nostra5

A este texto que quiero mostrar le aplicamos la clase -azul_nostra6

A este texto que quiero mostrar le aplicamos la clase -azul_oscuro

A este texto que quiero mostrar le aplicamos la clase -beis_nostra

A este texto que quiero mostrar le aplicamos la clase -blanco

A este texto que quiero mostrar le aplicamos la clase -granate

A este texto que quiero mostrar le aplicamos la clase -granatem

A este texto que quiero mostrar le aplicamos la clase -gris_nostra1

A este texto que quiero mostrar le aplicamos la clase -gris_nostra2

A este texto que quiero mostrar le aplicamos la clase -gris_nostra3

A este texto que quiero mostrar le aplicamos la clase -gris_nostra4

A este texto que quiero mostrar le aplicamos la clase -marron

A este texto que quiero mostrar le aplicamos la clase -morado

A este texto que quiero mostrar le aplicamos la clase -naranja

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra1

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra2

A este texto que quiero mostrar le aplicamos la clase -negro

A este texto que quiero mostrar le aplicamos la clase -rojo

A este texto que quiero mostrar le aplicamos la clase -rojocss

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra1

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra2

A este texto que quiero mostrar le aplicamos la clase -verde

A este texto que quiero mostrar le aplicamos la clase -verde_nostra

A este texto que quiero mostrar le aplicamos la clase -jbenitor

A este texto que quiero mostrar le aplicamos la clase -bg-azul -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-azul_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema

A este texto que quiero mostrar le aplicamos la clase -bg-gris

A este texto que quiero mostrar le aplicamos la clase -bg-gris_oscuro

A este texto que quiero mostrar le aplicamos la clase -bg-naranja

A este texto que quiero mostrar le aplicamos la clase -bg-negro -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra1

A este texto que quiero mostrar le aplicamos la clase -bg-nostra2

A este texto que quiero mostrar le aplicamos la clase -bg-nostra3

A este texto que quiero mostrar le aplicamos la clase -bg-nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra5

A este texto que quiero mostrar le aplicamos la clase -bg-nostra6 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-jbenitor

A este texto que quiero mostrar le aplicamos la clase -xbg-zona00 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona01 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona02 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona03 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona04 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona05 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona06 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona07 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona08

A este texto que quiero mostrar le aplicamos la clase -xbg-zona09

A este texto que quiero mostrar le aplicamos la clase -xbg-zona10

 

Aplicando las clases de propios.css en fondo beis -bg-jbenitor

A este texto que quiero mostrar no le aplicamos clases

A este texto que quiero mostrar le aplicamos la clase -arial

A este texto que quiero mostrar le aplicamos la clase -courier

A este texto que quiero mostrar le aplicamos la clase -diez

A este texto que quiero mostrar le aplicamos la clase -once

A este texto que quiero mostrar le aplicamos la clase -doce

A este texto que quiero mostrar le aplicamos la clase -azul

A este texto que quiero mostrar le aplicamos la clase -azul_claro

A este texto que quiero mostrar le aplicamos la clase -azul_nostra1

A este texto que quiero mostrar le aplicamos la clase -azul_nostra2

A este texto que quiero mostrar le aplicamos la clase -azul_nostra3

A este texto que quiero mostrar le aplicamos la clase -azul_nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -azul_nostra5

A este texto que quiero mostrar le aplicamos la clase -azul_nostra6

A este texto que quiero mostrar le aplicamos la clase -azul_oscuro

A este texto que quiero mostrar le aplicamos la clase -beis_nostra

A este texto que quiero mostrar le aplicamos la clase -blanco

A este texto que quiero mostrar le aplicamos la clase -granate

A este texto que quiero mostrar le aplicamos la clase -granatem

A este texto que quiero mostrar le aplicamos la clase -gris_nostra1

A este texto que quiero mostrar le aplicamos la clase -gris_nostra2

A este texto que quiero mostrar le aplicamos la clase -gris_nostra3

A este texto que quiero mostrar le aplicamos la clase -gris_nostra4

A este texto que quiero mostrar le aplicamos la clase -marron

A este texto que quiero mostrar le aplicamos la clase -morado

A este texto que quiero mostrar le aplicamos la clase -naranja

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra1

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra2

A este texto que quiero mostrar le aplicamos la clase -negro

A este texto que quiero mostrar le aplicamos la clase -rojo

A este texto que quiero mostrar le aplicamos la clase -rojocss

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra1

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra2

A este texto que quiero mostrar le aplicamos la clase -verde

A este texto que quiero mostrar le aplicamos la clase -verde_nostra

A este texto que quiero mostrar le aplicamos la clase -jbenitor

A este texto que quiero mostrar le aplicamos la clase -bg-azul -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-azul_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema

A este texto que quiero mostrar le aplicamos la clase -bg-gris

A este texto que quiero mostrar le aplicamos la clase -bg-gris_oscuro

A este texto que quiero mostrar le aplicamos la clase -bg-naranja

A este texto que quiero mostrar le aplicamos la clase -bg-negro -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra1

A este texto que quiero mostrar le aplicamos la clase -bg-nostra2

A este texto que quiero mostrar le aplicamos la clase -bg-nostra3

A este texto que quiero mostrar le aplicamos la clase -bg-nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra5

A este texto que quiero mostrar le aplicamos la clase -bg-nostra6 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-jbenitor

A este texto que quiero mostrar le aplicamos la clase -xbg-zona00 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona01 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona02 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona03 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona04 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona05 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona06 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona07 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona08

A este texto que quiero mostrar le aplicamos la clase -xbg-zona09

A este texto que quiero mostrar le aplicamos la clase -xbg-zona10


 

Aplicando las clases de propios.css en fondo verde

A este texto que quiero mostrar no le aplicamos clases

A este texto que quiero mostrar le aplicamos la clase -arial

A este texto que quiero mostrar le aplicamos la clase -courier

A este texto que quiero mostrar le aplicamos la clase -diez

A este texto que quiero mostrar le aplicamos la clase -once

A este texto que quiero mostrar le aplicamos la clase -doce

A este texto que quiero mostrar le aplicamos la clase -azul

A este texto que quiero mostrar le aplicamos la clase -azul_claro

A este texto que quiero mostrar le aplicamos la clase -azul_nostra1

A este texto que quiero mostrar le aplicamos la clase -azul_nostra2

A este texto que quiero mostrar le aplicamos la clase -azul_nostra3

A este texto que quiero mostrar le aplicamos la clase -azul_nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -azul_nostra5

A este texto que quiero mostrar le aplicamos la clase -azul_nostra6

A este texto que quiero mostrar le aplicamos la clase -azul_oscuro

A este texto que quiero mostrar le aplicamos la clase -beis_nostra

A este texto que quiero mostrar le aplicamos la clase -blanco

A este texto que quiero mostrar le aplicamos la clase -granate

A este texto que quiero mostrar le aplicamos la clase -granatem

A este texto que quiero mostrar le aplicamos la clase -gris_nostra1

A este texto que quiero mostrar le aplicamos la clase -gris_nostra2

A este texto que quiero mostrar le aplicamos la clase -gris_nostra3

A este texto que quiero mostrar le aplicamos la clase -gris_nostra4

A este texto que quiero mostrar le aplicamos la clase -marron

A este texto que quiero mostrar le aplicamos la clase -morado

A este texto que quiero mostrar le aplicamos la clase -naranja

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra1

A este texto que quiero mostrar le aplicamos la clase -naranja_nostra2

A este texto que quiero mostrar le aplicamos la clase -negro

A este texto que quiero mostrar le aplicamos la clase -rojo

A este texto que quiero mostrar le aplicamos la clase -rojocss

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra1

A este texto que quiero mostrar le aplicamos la clase -rojo_nostra2

A este texto que quiero mostrar le aplicamos la clase -verde

A este texto que quiero mostrar le aplicamos la clase -verde_nostra

A este texto que quiero mostrar le aplicamos la clase -jbenitor

A este texto que quiero mostrar le aplicamos la clase -bg-azul -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-azul_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema_claro

A este texto que quiero mostrar le aplicamos la clase -bg-crema

A este texto que quiero mostrar le aplicamos la clase -bg-gris

A este texto que quiero mostrar le aplicamos la clase -bg-gris_oscuro

A este texto que quiero mostrar le aplicamos la clase -bg-naranja

A este texto que quiero mostrar le aplicamos la clase -bg-negro -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra1

A este texto que quiero mostrar le aplicamos la clase -bg-nostra2

A este texto que quiero mostrar le aplicamos la clase -bg-nostra3

A este texto que quiero mostrar le aplicamos la clase -bg-nostra4 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-nostra5

A este texto que quiero mostrar le aplicamos la clase -bg-nostra6 -blanco

A este texto que quiero mostrar le aplicamos la clase -bg-jbenitor

A este texto que quiero mostrar le aplicamos la clase -xbg-zona00 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona01 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona02 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona03 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona04 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona05 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona06 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona07 -blanco

A este texto que quiero mostrar le aplicamos la clase -xbg-zona08

A este texto que quiero mostrar le aplicamos la clase -xbg-zona09

A este texto que quiero mostrar le aplicamos la clase -xbg-zona10


 

Lo + Nuevo


Búsqueda personalizada