ubiquitour.com

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

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

Hojas de estilo en cascada (CSS) le brindan un control preciso sobre elementos en sus páginas Web. Utilizar CSS para establecer colores, tamaño de los controles e incluso sangrar los párrafos. Navegadores web no aplicar sangría a los párrafos de forma predeterminada. Puede haber ocasiones, sin embargo, cuando un párrafo con sangría, como visto en libros, puede Agregar atractivo visual a una página Web. Al definir una propiedad CSS "text-align" en una hoja de estilos CSS externa, puede controlar la sangría de párrafo de todas las páginas en 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 {texto-guión: 1em;}

Esta línea de CSS establece la propiedad "text-indent" párrafos 1em. Los desarrolladores pueden especificar valores de tamaño de fuente mediante píxeles o unidades de "em". Una unidad de em es equivalente al tamaño de la fuente actual. En este ejemplo, por ejemplo, un valor de 1em sangrías a 12 píxeles de párrafo si el tamaño de fuente actual es de 12 píxeles. El World Wide Consortium Internet recomienda utilizar em unidades de medidas. Si algo se especifica la cantidad de sangría mediante píxeles, pegue el código siguiente en el documento en su lugar:

p {texto-guión: 12px;}

3 Guarde el documento con una extensión de archivo CSS. Por ejemplo, si desea el nombre "MyStylesheet", guárdelo como "MyStyleSheet.css." Esto crea tu hoja de estilos CSS que puede hacer referencia a cualquier página en tu sitio Web.

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

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

< p >

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. UT enim ad minim veniam, quis nostrud Manuel ullamco laboris nisi ut aliquip ex ea commodo consequat. DUIS aute irure dolor en reprehenderit en voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat no proident, sunt en culpa officia deserunt mollit anim id est laborum."

< /p >

Este párrafo contiene texto simulado "Lorem Ipsum". Los desarrolladores web usan texto "Lorem Ipsum" para ayudar con el diseño y maquetación. Colocando lo suficiente de este texto en una página Web, puedes ver cómo se ve un párrafo completo con sangría.

6 Agregue la siguiente declaración de enlace de la hoja de estilo para la sección de "head" del documento:

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

Esto agrega una referencia a una hoja de estilos CSS externa. Reemplace "xyz.css" con el nombre de la hoja de estilo que creaste.

7 Guardar el documento HTML y verlo en su navegador. El navegador va sangrar el párrafo por la cantidad de espacio que se establece en la hoja de estilo.

Consejos y advertencias

  • Cambie el valor de em o pixel en tu hoja de estilo a cualquier valor que te gusta. 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 de párrafo.
  • Agregue la instrucción de "enlace" de hoja de estilo a cualquier página Web que requiere la sangría de párrafo.