Entendido.

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

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++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

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:

• h1 : Es el selector. Indica en qué parte se van a aplicar las instrucciones que escribimos seguidamente, encerradas entre llaves. (en este caso a la etiqueta h1).
• text-align: center : la propiedad text-align se emplea para alinear el texto: sus valores pueden ser: center: centrado; left: alineación izquierda; right: alineación derecha; y justify: alineación justificada.
• font-size: 2.5em : la propiedad font-size indica el tamaño de letra. Su valor se expresa en medidas ( 1em = Tamaño normal, 2em = doble de 1em. ). aparte de en em el tamaño pùede expresarse en pixels (px) porcentaje (%), centímetros (cm) y otras medidas.
• font-family: verdana : la propiedad font-family indica el tipo de letra que se va a utilizar. los valores son los tipos de letras que usa cualquier programa de tratamiento de textos (por ejemplo Microsoft Word).Los valores más utlizados son: arial, "times new roman", verdana, "courier new", "comic sans ms", ... Como puedes observar, cuando el nombre de un tipo de letra tiene más de una palabra, escribiremos éste entre comillas: font-family: "comic sans ms";
• color: purple : la propiedad color indica el color que tendrá el texto. los valores de esta propiedad son el código o número de color, del que hablaremos más adelante; aunque hay algunos colores de los que podemos poner su valor escribiendo su nombre en inglés: algunos de estos son: green, yellow, orange, red, blue, white, black, purpre, fuchsia, ... Si quieres saber más sobre cuáles son los valores que admite la propiedad color puedes ver el apartado Colores y medidas del manual de CSS

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

Página creada por ANYELGUTI.

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

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

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