Tecnología

Inicio

Cómo utilizar CSS para hacer que los colores en los Párrafos

Cómo utilizar CSS para hacer que los colores en los Párrafos


Los diseñadores Web utilizan hojas de estilo para establecer estilos para páginas individuales o sitios web completos. Hace referencia a una etiqueta, nombre de la clase, de identificación o una combinación de cualquiera de esas cosas "seleccionar" una parte de su página web en el CSS. Una vez que construir un selector, a continuación, puede establecer el color de fondo o propiedades de color de primer plano. Las formas más comunes de configurar colores incluye nombres de colores oficiales o códigos hexadecimales, que se puede encontrar el uso de gráficos y selectores de color en Internet. Utilice colores de fondo y de primer plano en sus párrafos para hacer el texto más fácil de leer para sus visitantes.

Instrucciones

1 Abrir el HTML de la página Web en un programa de edición de código como jEdit, BBEdit o Notepad ++. Busque las etiquetas <link> entre las etiquetas <head> y tratar de encontrar una referencia a una hoja de estilos externa, que finalizará en la extensión del archivo .CSS. Si no encuentra dicha etiqueta o de referencia, añadir su código CSS entre <style>.

2 Agregue el siguiente código CSS para dar a cada párrafo en la página de un color de fondo:

p {background-color: el color;}

Cambiar "color" para el nombre de un color o su código hexadecimal. Utilizar este código en lugar de dar el texto de cada párrafo en la página de un color:

p {color: el color;}

También puede establecer un color de fondo y el color del texto, al mismo tiempo, como este:

p {background-color: el color; color: el color;}

3 Dé a sus <p> etiquetas de nombres de clase para apuntar sólo ciertos tipos de párrafos en el código CSS. Esto es lo que una etiqueta <p> Parece que con un nombre de clase:

<P class = "red"> Esto es un párrafo ... </ p>

Se puede volver a utilizar las clases en tantas otras etiquetas como desee. En CSS, hacer que el texto rojo del párrafo utilizando este código:

p.red {color: red;}

4 Dar una etiqueta <p> un nombre de ID sólo estén dirigidos a dicho apartado específico en el código CSS. No se puede volver a usar un nombre de identificación en la misma página web. Aquí está el código HTML de un párrafo con un nombre de ID:

<P id = "top"> Esto es un párrafo ... </ p>

Utilizar el código CSS para dar el apartado "top" un fondo gris claro:

top {background-color: #cccccc;}

Consejos y advertencias

  • Ponga todos los estilos en su propio archivo .css externo al crear un sitio web de varias páginas. El propósito de una hoja de estilos externa es hacer que sea más fácil para actualizar los estilos para un sitio web completo sin cambiar cada página.
  • Copias de seguridad de sus archivos HTML y CSS antes de editarlos. A continuación, puede volver a los archivos originales si ha cometido errores al cambiar las etiquetas y código CSS.