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

Básicos					Avanzados					Practicas
Inicio	HTML	CSS	Complementos	Gestores de Contenido	Javascript	PHP básico	Nuevas Tendencias	Programación	Librerías	Mi primera web	Prácticas Web

RSS. Suscribir canal.



2. Insertar texto (III)

2.3 La primera instruccion CSS.

Centrar los Títulos

Abre el archivo "estilo.css" con el bloc de notas. Para ello abrimos la carpeta raíz de nuestra web, seleccionamos el archivo "estilo.css", pulsamos el botón derecho del ratón, y en el cuadro emergente pulsamos en "abrir con / bloc de notas".

una vez abierto el archivo CSS con el Bloc de notas escribiremos lo siguiente:

h1 { text-align: center; }

Fíjate bien en que:

• h1 es el nombre de la etiqueta HTML que queremos modificar. Se escribe sin ningún signo delante ni detrás.
• los signos { } no son paréntesis ni corchetes, sino llaves. para escribirlos hay que pulsar:
• Para el signo { : la tecla del acento agudo (acento normal en castellano) y a la vez la tecla "Alt Gr".
• Para el signo } : la tecla "ç" junto con la tecla "Alt Gr" . Las dos teclas están a la derecha de la letra Ñ.
• La palabra clave text-align (que quiere decir alineación del texto) se escribe siempre con un guión entre sus dos partes, y además va seguida por el signo de los dos puntos ( : ) . Este tipo de palabras claves se llaman propiedades
• La palabra center es el valor que toma la propiedad text-align. En concreto la propiedad text-align puede tomar los valores de: left (izquierda), right (derecha), center (centrado) y justify (justificado).
• Al final de la instrucción, y antes de cerrar la llave, hemos escrito el signo de punto y coma ( ; ) Este signo indica que hemos acabado esta orden. Si queremos dar otra orden para la misma etiqueta (h1 en este caso), la pondremos separada de la primera por el signo de punto y coma. Si damos una sóla orden dentro de las llaves, no es necesario poner al final el punto y coma, sin embargo es recomendable, por si queremos más adelante ir añadiendo otras instrucciones.

Una vez escrita correctamente esta línea en tu archivo CSS con el Bloc de notas, pulsas en "Archivo / Guardar " para guardar lo que hemos hecho.

Abre ahora el archivo "Index.html" y verás que el aspecto del primer título es diferente, en vez de estar a la derecha, está centrado en la página.

Tu Web debe tener este aspecto:

Ver mi Web

Si no consigues ver el texto centrado, puede que hayas tenido algún fallo. Repasa la línea anterior; mira si has escrito bien todas las palabras; y sobre todo comprueba que el enlace (link) que hemos escrito en el punto 2.2 (paso anterior a éste), esté bien escrito y en la cabecera del index.html.

Como has podido observar el lenguaje CSS es algo diferente de el HTML. En CSS:

• Escribimos en primer lugar la referencia a la etiqueta o parte del texto en HTML que queremos modificar. Esta parte de la instrucción se le llama selector (h1 en este caso), ya que selecciona una parte del texto.
• El resto de instrucciones que afecten a un selector determinado, lo escribiremos entre llaves: { ... } .
• Cada instrucción (dentro de las llaves) empieza por una palabra clave que indica qué es lo que queremos cambiar. A esta palabra se le llama propiedad. (text-align en este caso)
• Las palabra clave o propiedad va seguida del signo de dos puntos y otra palabra (o número) que indica el valor que toma la propiedad. Por lo tanto a esta parte se le llama valor. Los valores pueden ser palabras clave, o medidas, en este último caso se indicará el número seguido por el tipo de medida (por ej. 10px indica que son 10 píxeles). Las medidas deben escribirse siempre seguidas por el indicador del tipo de medida sin ningún espacio en blanco entre el número y el indicador. En la instrucción que hemos dado, el valor de la propiedad es : center.
• Cada instrucción, dentro de una misma llave, va separada de la siguiente por el signo de punto y coma ( ; ).
• al conjunto del selector y las llaves con las propiedades y valores dentro, se le llama regla CSS o simplemente regla.

Estas son las instrucciones básicas para escribir en CSS. En CSS núnca se inserta el texto (eso se hace en HTML) aunque sí se pueden insertar colores e imágenes de fondo. El CSS sirve pues, para dar estilo y diseño a la presentación de la página.

---

ahora que ya sabemos los principios básicos del lenguaje CSS, vamos al siguiente paso.

dar estilo al texto: Estilo del título

---

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