Como centrar parrafos

Cristianita · 10 May 2010, 18:50 · Solicitar retirada

Hola, buenos días (o tardes, o noches) :roll:
Me presento porque soy nueva aquí. Les saludo desde México :D

Tengo varios días tratando de hacer una página web, porque el blog que tenía me lo cerraron. He andado busque y busque, y de hecho hice una al vapor, que me está sirviendo al 90% de momento.

En esa búsqueda, gracias a Dios, di con tu sitio, y primero que nada quiero felicitarte por ese impulso altruista de ayudarnos a los que no sabemos, y por el estilo único y ameno con el que has redactado tu tutorial. ¡Más claro, ni el agua!

Bueno, desde anoche estoy haciendo la página ejemplo, y es la primera duda con la que me topo (y tiene que ver yo creo más con que soy neófita en este tema, que con la redacción de la lección :oops: ):

Para centrar, dices que ponga .centrado {text-align:center} en la Hoja de Estilo, y luego teclee class="centrado" en el index.html

La verdad no encontré la relación entre .centrado y class, cómo es que la hoja de estilos reconoce en el html que debe centrar ese párrafo en particular.

Gracias 8)

Raulyure · 11 May 2010, 20:57 · Solicitar retirada

Cristianita escribió:Hola, buenos días (o tardes, o noches) :roll:
Me presento porque soy nueva aquí. Les saludo desde México :D

Tengo varios días tratando de hacer una página web, porque el blog que tenía me lo cerraron. He andado busque y busque, y de hecho hice una al vapor, que me está sirviendo al 90% de momento.

En esa búsqueda, gracias a Dios, di con tu sitio, y primero que nada quiero felicitarte por ese impulso altruista de ayudarnos a los que no sabemos, y por el estilo único y ameno con el que has redactado tu tutorial. ¡Más claro, ni el agua!

Bueno, desde anoche estoy haciendo la página ejemplo, y es la primera duda con la que me topo (y tiene que ver yo creo más con que soy neófita en este tema, que con la redacción de la lección :oops: ):

Para centrar, dices que ponga .centrado {text-align:center} en la Hoja de Estilo, y luego teclee class="centrado" en el index.html

La verdad no encontré la relación entre .centrado y class, cómo es que la hoja de estilos reconoce en el html que debe centrar ese párrafo en particular.

Gracias 8)

Hola:
Bueno, cuando usted crea el archivo index.html, ese sería la página web, allí es donde usted crea las capas que van a componer su página.
En esa capa hay cosas que se llaman selectores, otras se llaman atributo y otras se llaman valores.
Todo eso conforman los elementos de una página web.
Por eso quiere decir que un elemento selector tiene atributos y valores
Por ejemplo.- body es un elemento selector, background-color es un atributo, y yellow es un valor.
Si queremos que ese body, (que es toda la pantalla) tenga un color de fondo amarillo, es allí donde entra en juego lo que llamamos hoja de estilo.

POr lo tanto lo que hacemos es crear una hoja de estilo a la que llamaremos estilo.css y la pondremos en la misma carpeta en que está el index.html.
La cuestión ahora es como hacemos que desde esa hoja de estilo, el body que está en nuestra página index.html reciba las órdenes de que tenga el color de fondo amarillo.

Pues para ello lo que hacemos es relacionar la pagina index.html con esa hoja de estilo.

De esa manera entonces la pagina index recibirá las órdenes de la hoja de estilo, así que escribimos el siguiente código en nuestra página index entre la etiqueta <head> y el cierre de ella </head>, o sea así:
<head>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all"></head>

Bueno, ahora en la hoja de estilo le decimos al body (que se encuentra en la pagina index.html) que tenga el color de fondo amarillo, así que abrimos la hoja de estilo y escribimos en la primera línea lo siguiente:
body{background-color:yellow;}
Guardamos y cerramos y cuando abramos la pagina index, ésta ya se mostrará de color amarillo.

Bien, como le decía hay selectores que ya son prefijados y que todos los navegadores conocen , como por ejemplo , ese body , la P de párrafo, los div etc.etc.
Hay selectores de tipo y hay también selectores de clase
Los selectores prefijados suelen utilizar su propio nombre
los selectores de clases es como si usted inventara un selector, o sea sería una clase de selector,
por ello en la hoja de estilo se pone un punto seguido deel nombre que le quiera usted dar a ese selector, y luego en la página index usted le dice que en tal parte va a utilizar esa clase de selector como por ejemplo en los párrafos, por eso en la página se pone class=centrado.
Ya se que se pone en la hoja de estrilo que los textos estén todos centrados, pero un texto no es un párrafo, ya que el párrafo va encerrado entre las etiquetas

y </p>, y el texto no va encerrado entre ninguna etiqueta.

Después le sigo explicándo que me tengo que ir.

Saludos

Cristianita · 11 May 2010, 23:59 · Solicitar retirada

Después le sigo explicándo que me tengo que ir.

:lol:
Está bien, esperaré la continuación :wink: