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: 32

Visitas el mes pasado: 90

logo

Donativos

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




8. La segunda página (III)

8.3. La hoja de estilo

Enlazar archivos.

Para que las instrucciones en CSS funcionen tendremos que enlazar el archivo plantilla.html con su archivo CSS correspondiente, que es el que hemos llamado general.css.

Abre el archivo plantilla.html con el HTML-Kit y en la cabecera. (head) después de la línea <,title> Plantilla </title> escribiremos lo siguiente:(texto en azul)


...
<head>
   <title>Plantilla</title>
   <link rel="stylesheet" type="text/css" href="general.css" />
</head>
....

Con esta instrucción hemos enlazado los dos archivos, de forma que las instrucciones del archivo CSS se aplicarán en el archivo HTML. Es por tanto muy importante que esté bien escrita y sin errores, ya que de lo contrario podrían quedar sin enlazar. Una vez escrita la instrucción guardamos el archivo.

Instrucciones generales de estilo

El archivo general.css de estilo, está vacío. Vamos a darle unas instrucciones generales que en principio se aplican a toda la página, aunque luego podamos cambiarlas en sus diferentes apartados. Abrimos pues el archivo general.css con el HTML-Kit. y escribimos lo siguiente:


*  { margin: 0px auto; text-align: center }
body  { background-color: white; ;font-family: arial; font-size: 1em; }

Lo que hemos hecho aquí es aplicar unas normas generales de estilo que afectan a toda la página:

Después de escribir estas instrucciones guardamos el archivo, y abrimos el archivo plantilla.html con el navegador para ver los cambios.

Tu página Web quedará así: Ver mi Web.

Parece que no hemos hecho gran cosa, ahora el texto en lugar de estar a la derecha aparece centrado, y con otro tipo de letra, pero de momento, esas son las instrucciones que hemos dado.


En el próximo paso daremos forma a las cajas o divs mediante la hoja de estilo,

Ir al siguiente paso: estilo de las cajas.







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