ubiquitour.com

Cómo establecer un Color de fuente en CSS

Cómo establecer un Color de fuente en CSS

CSS significa hojas de estilo en cascada. Los desarrolladores web usan CSS para separar la estructura de su código HTML de su presentación. El código HTML puede enlazar a archivos externos de CSS o puede insertar bloques de código CSS en cada página HTML. Usando CSS aumenta la legibilidad del código y simplifica las tareas de mantenimiento futuro. Por ejemplo, al almacenar las definiciones de color para todos los párrafos en un solo lugar, puede colorear el texto de la página web cambiando el valor de un solo color.

Instrucciones

1 Abra Bloc de notas y pegar este texto en un documento nuevo:

<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Transitional / / EN" "del http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "del http://www.w3.org/1999/xhtml" >

< head >

&lt;title>CSS Color Test&lt;/title>

< /HEAD >

estilo de < >

< / estilo >

< cuerpo >

< /body >

< h1 clase = "red" > rojo encabezado < / h1 >

< clase p = "azul" > apartado azul < /p >

< / html >

Esto crea un documento HTML que contiene un encabezado (h1) y un párrafo (p). Estos elementos de referencia dos clases CSS llamadas "rojo" y "azul".

2 Agregue el siguiente texto debajo de la etiqueta "< style >":

.red {color: #FF0000;}

.Blue {color: #0000FF;}

Estas clases CSS definen los colores rojo y azul usando notación hexadecimal (vea recursos para más colores).

3 Presione "Ctrl-S" para abrir la ventana de "Guardar como" del Bloc de notas y escriba un nombre en el cuadro de texto "Nombre de archivo". Agregar una extensión ".html" al nombre. Por ejemplo, si desea el nombre del archivo "ColorTest", tipo "ColorTest.html" en el cuadro de texto.

4 Haga clic en "Guardar". Bloc de notas guarde el documento como un archivo HTML.

5 Explorador de Windows abierto. Desplácese hasta el archivo y haga doble clic. Su navegador abrirá y mostrar la Página Web. Verifique que el título es de color rojo y el párrafo es de color azul.

Consejos y advertencias

  • Crear otras clases CSS si necesita colores adicionales. Nombre de las clases todo lo que te gusta. No repetir nombres de clase.