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

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 colores, controles de tamaño e incluso párrafos de sangría. Navegadores Web no párrafos guión por defecto. Puede haber ocasiones, sin embargo, cuando un párrafo con sangría - tal como se ve en los libros - pueden agregar 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 del párrafo de todas las páginas de su sitio.

Instrucciones

1

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

2

Pegue el siguiente código CSS en el documento:

p {text-indent: 1em;}

Esta línea de CSS define la propiedad "text-guión" de los apartados a 1 em. Los desarrolladores pueden especificar valores de tamaño de fuente mediante el uso de píxeles o unidades "em". Una unidad em es equivalente al tamaño de la fuente actual. En este ejemplo, por ejemplo, un valor de 1 em sangra un párrafo 12 píxeles si el tamaño de fuente de corriente es de 12 píxeles. El Consorcio World Wide Web recomienda el uso em unidades de medida. Si prefiere especificar la cantidad sangría con 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

Abra uno de los documentos HTML utilizando su editor de HTML o el Bloc de notas.

5

Añadir un párrafo a la sección "cuerpo" del documento como se muestra a continuación:

<P>

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

</ P>

Este párrafo contiene ficticio texto "Lorem Ipsum". Los desarrolladores web utilizan texto "Lorem Ipsum" para ayudar con 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 mira con sangría.

6

Añadir la declaración vínculo de hoja estilo 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 estilos.

Consejos y advertencias

  • Cambie el em o el valor de píxeles 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 el cambio afecta a la sangría del párrafo.
  • Añadir la declaración "vínculo" hoja de estilo a cualquier página Web que requiere sangría de párrafo.