Pintar pasillos en dos colores

Span text color bootstrap

Tampoco. Debes separar el contenido y la presentación, dando a tu código HTML códigos lógicos. Piénsalo así; para una persona ciega, o en un navegador que no puede mostrar colores, ¿qué queda de tu código? ¿Por qué quieres que sea rojo?
La etiqueta <font> ha quedado obsoleta, al menos en XHTML. Eso significa que su uso está oficialmente “mal visto”, y no hay garantía de que los futuros navegadores sigan mostrando el texto tal y como usted pretende.
Tienes que usar CSS. Utiliza la etiqueta <span> o una hoja de estilo independiente. Según su especificación, la etiqueta <span> no tiene ningún significado semántico y sólo permite cambiar el estilo de una región concreta.
En realidad, yo diría que la 1ª preferencia sería una hoja de estilo externa (CSS externo), la 2ª preferencia sería escribir el CSS en etiquetas de estilo en la sección de la cabecera de la página actual (CSS interno)
Esto me funciona bien:) Como ya se ha mencionado anteriormente “La etiqueta font ha sido desaprobada, al menos en XHTML. Siempre es seguro utilizar la etiqueta span. font puede no dar los resultados deseados, al menos en mi caso no lo hizo.

Span style=color y tamaño de la fuente

Para un simple color de fondo semitransparente, las soluciones anteriores (CSS3 o imágenes bg) son las mejores opciones. Sin embargo, si quieres hacer algo más elegante (por ejemplo, animación, múltiples fondos, etc.), o si no quieres depender de CSS3, puedes probar la “técnica del panel”:
La posición: relativa en el panel es importante; le dice a la capa posterior que se ajuste al tamaño del panel. (Si necesitas que la etiqueta <p> sea absoluta, cambia el panel de un <p> a un <span> y envuelve todo eso en una etiqueta <p> de posición absoluta).
La principal ventaja que tiene esta técnica sobre otras similares enumeradas anteriormente es que el panel no tiene que tener un tamaño determinado; tal y como se ha codificado anteriormente, se ajustará a todo el ancho (diseño normal de elementos de bloque) y sólo hasta la altura del contenido. El elemento del panel exterior puede tener cualquier tamaño, siempre que sea rectangular (es decir, inline-block funcionará; inline normal no).
Además, te da mucha libertad para el fondo; eres libre de poner realmente cualquier cosa en el elemento posterior y que no afecte al flujo de contenido (si quieres múltiples subcapas de tamaño completo, sólo asegúrate de que también tienen position: absolute, width/height: 100%, y top/bottom/left/right: auto).

Leer más  Mil y una noches con encanto

Alinear el texto de flutter al centro

Hola, estoy tratando de cambiar el color de las letras individuales en el título de mi sitio para que coincida con mi firma de correo electrónico. Ver abajo. Sin embargo, no me permite dentro de la sección de estilo del sitio. He visto que hay CSS personalizado que puede hacer esto, pero no estoy seguro de lo que es o exactamente cómo implementarlo. Por favor, hágame saber si esto es posible y cómo puedo añadir el CSS.
Es para todas las páginas, ya que quiero que se aplique al Título del Sitio, que está en la cabecera del sitio en todas las páginas. Sin embargo, sólo quiero que el código sea específico para el título del sitio, así que ¿cómo puedo asignar el color a esto específicamente en el código?
Hola @Unlikely_IT, estoy tratando de utilizar una versión modificada de su solución aquí para cambiar el peso de la fuente de una sola palabra en el título del sitio, pero no estoy teniendo ninguna suerte. Incluso si lo aplico a las letras individuales utilizando nth-child, no hay suerte. ¿Tienes alguna sugerencia?
Hola @Unlikely_IT, estoy tratando de utilizar una versión modificada de su solución aquí para cambiar el peso de la fuente de una sola palabra en el título del sitio, pero no estoy teniendo ninguna suerte. Incluso si lo aplico a las letras individuales utilizando nth-child, no hay suerte. ¿Tiene alguna sugerencia?

Span style=color list

Basándose en el ejemplo proporcionado por @jens.de.geit en #3, los siguientes son los pasos completos para habilitar el color y el color de fondo a través de este módulo, CON ‘Limitar las etiquetas HTML permitidas y corregir el HTML defectuoso’ activado en el formato de entrada. He cambiado el ejemplo en #3 para utilizar elementos span (en lugar del elemento de fuente obsoleto). Lo siguiente aplica esto a los formatos de entrada ‘basic_html’ y ‘full_html’ y puede ser modificado fácilmente para soportar otros formatos de entrada personalizados. Del mismo modo, he optado por utilizar los atributos data-* en el elemento span, pero esto puede ser fácilmente modificado para trabajar con el atributo class.
Me he dado cuenta de que cada vez que asignas un nuevo color a un elemento ya coloreado, éste envuelve un span adicional alrededor de él en lugar de reemplazar el data-color/ data-background-color (yo sólo uso el color, pero asumo que esto es válido para el background-color)
Me encuentro con el mismo problema con el “span adicional” al cambiar el color. Lo resolví con el parche adjunto para el plugin ckeditor (para la versión 4.11.3). No estoy seguro de que sea la mejor manera, pero parece que funciona bien.

Entradas relacionadas