Cómo sangrar un párrafo al crear una página web con una hoja de estilos CSS

Hojas de estilo en cascada (CSS) le proporcionan un control preciso sobre los elementos en sus páginas Web. Usar CSS para definir los colores, los controles de tamaño e incluso párrafos de sangría. navegadores web no párrafos de sangría por defecto. Puede haber ocasiones, sin embargo, cuando un párrafo sangrado - tal como se ve en los libros - pueden añadir atractivo visual a una página Web. Mediante la definición de una propiedad CSS "text-align" en una hoja de estilos CSS externa, se puede controlar la sangría de un párrafo de todas las páginas de su sitio.

Instrucciones

1 Abrir Bloc de notas o su editor de HTML, y crear un nuevo documento.

2 Pegue el siguiente código CSS en el documento:

p {text-indent: 1 em;}

Esta línea de CSS establece la propiedad "text-guión" de los apartados a 1 em. Los desarrolladores pueden especificar los valores de tamaño de fuente mediante el uso de píxeles o unidades "em". Una unidad em es equivalente al tamaño de fuente actual. En este ejemplo, por ejemplo, un valor de 1 em sangría a un párrafo de 12 píxeles si el tamaño de la fuente de corriente es de 12 píxeles. El Consorcio de la World Internet recomienda el uso de unidades de medida em. Si prefiere especificar la cantidad de indentación usando píxeles, pegue el código siguiente en el documento en su lugar:

p {text-indent: 12px;}

3 Guarde el documento con una extensión de archivo .css. Por ejemplo, si quieres llamarlo "MyStylesheet," guardar como "myStyleSheet.css." Esto crea la hoja de estilos CSS que cualquier página de su sitio web puede hacer referencia.

4 Abrir uno de sus documentos HTML usando el editor de HTML o Bloc de notas.

5 Añadir un párrafo al apartado "cuerpo" del documento como se muestra a continuación:

<P>

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed no eiusmod tempor ut incididunt labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis Aute Irure dolor en reprehenderit en voluptate velita esse cillum dolore eu pariatur fugiat nulla. Excepteur sint occaecat cupidatat no proident, sunt de culpa qui officia deserunt mollit anim id est Laborum. "

</ P>

Este párrafo contiene ficticio texto "Lorem Ipsum". Los desarrolladores web utilizan el texto "Lorem Ipsum" para ayudar en el diseño de página y el diseño. Al colocar suficiente de este texto en una página web, se puede ver cómo un párrafo completo se ve con sangría.

6 Añadir la declaración de hoja de estilo enlace siguiente a la sección "cabeza" del documento:

<Link href = "xyz.css" rel = "stylesheet" type = "text / css" />

Esto añade una referencia a una hoja de estilos CSS externa. Reemplazar "xyz.css" con el nombre de la hoja de estilo que ha creado.

7 Guarde el documento HTML y verlo en su navegador. El navegador sangría al párrafo por la cantidad separación se establece en la hoja de estilo.

Consejos y advertencias

• Cambiar el valor de píxel em o en su hoja de estilo a cualquier valor que le gustan. Después de hacer un cambio, ver su página web en un navegador para ver cómo afecta el cambio sangrado del párrafo.
• Añadir la declaración de hoja de estilo "link" a cualquier página Web que requiere el párrafo sangría.