HTML: cambiar colores de palabras específicas en una cadena de texto

Tengo el siguiente mensaje (ligeramente modificado):

“Ingrese a la competencia antes del 30 de enero de 2011 y podrá ganar hasta $$$$, ¡incluyendo increíbles viajes de verano!”

Actualmente tengo:

formatear la cadena de texto, pero quiere cambiar el color de “30 de enero de 2011” a # FF0000 y “verano” a # 0000A0.

¿Cómo hago esto estrictamente con HTML o CSS en línea?

 

Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!

O quizás prefiera usar clases CSS:

      

Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!

Puede usar la Etiqueta HTML5 :

 

Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!

Y usa esto en el CSS:

 p { font-size:14px; color:#538b01; font-weight:bold; font-style:italic; } mark.red { color:#ff0000; background: none; } mark.blue { color:#0000A0; background: none; } 

La etiqueta tiene un color de fondo predeterminado … al menos en Chrome.

 

Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!

Los elementos de tramo están en línea y, por lo tanto, no rompen el flujo del párrafo, solo el estilo entre las tags.

usar tramos ex) January 30, 2011

 This is some text! 

Esto funcionó mejor para mí cuando solo quería cambiar una palabra al color rojo en una oración.

Adapte este código como prefiera, ¿puede seleccionar texto? en el párrafo, ¡qué tipo de letra o estilo necesitas !:

     

This is your text. Typewhat you like

Podría usar la forma más larga de Boringer

 

Enter the competition by

summer

También puedes hacer una clase:

I am in yellow color!!!!!!

luego en un archivo css hacer:

 .mychangecolor{ color:#ff5 /* it changes to yellow */ }