Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Mi primera web

Aprender a hacer una sencilla web paso a paso partiendo de cero.


Y ahora tambien aprende a programar en C++ con Aprende Web C++


logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net




Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 18

Visitas el mes pasado: 23

logo

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




2. Insertar texto (IV)

2.4 Estilo del título.

Instrucciones CSS

Ahora que ya sabemos cómo insertar una instrucción CSS, vamos a seguir dando estilo al texto. Abrimos para ello el archivo estilo.css con el bloc de notas, y completamos la línea que ya tenemos, de la siguiente manera:

h1 { text-align: center; font-size: 2.5em; font-family: verdana; color: purple; }

He resaltado en color verde el texto nuevo que hemos introducido, para diferenciarlo del que ya teníamos. a partir de ahora lo haremos así para distinguir el código CSS nuevo del antiguo.

Vamos a explicar las instrucciones anteriores:

Una vez escrita la línea anterior en el archivo estilo.css, guardamos y cerramos el bloc de notas, y después abrimos nuestra página, el archivo index.html con el navegador para ver los cambios:

Tu página debe tener el siguiente aspecto:

Ver mi página


Como siempre, si tu página no logra tener ese aspecto, comprueba que las instrucciones estén bien escritas. El archivo estilo.css en el block de notas dete tener escrito lo siguiente:


h1 { text-align: center; font-size: 2.5em; font-family: verdana; color: purple }
	


En el siguiente paso seguiremos dando estilo al resto del texto de la Web:

Siguiente paso estilo del texto







Mi primera web

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com