Linea de Codigo

Cuando carguemos una página web en nuestro navegador, el formato de texto que se utilizará por defecto será el que indique las propiedades del navegador. Esto sucederá siempre y cuando la página web no indique nada al respecto.

Si bien, lo normal será establecer algún formato de texto por defecto en nuestra página. Para ello nos apoyaremos en las hojas de estilo CSS.

Lo primero que tenemos que conocer son las propiedades CSS que afectan al formato. Estas serán las relativas al texto y la fuente. Entre ellas tenemos las siguientes:

• color, para indicar el color del texto.
• text-align, para alinear el texto (left, right, center o justify).
• text-decoration, añade decoraciones al texto, como subrayado, tachado,...
• font-family, nombre de la fuente a utilizar (Arial, Courier,...).
• font-size, tamaño de la fuente
• font-style, estilo de la fuente (negrilla, itálica u oblicua).

Ahora solo nos quedará el aplicarlas al elemento BODY de la página. De esta forma se convertirá en el formato de texto por defecto de nuestra página.

Para ello insertamos el estilo CSS en la cabecera de la página de la siguiente forma:

<style type="text/css">
body {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #f00;
}
</style>

Lo que tenemos que hacer es dar valores a las diferentes propiedades. Ahora solo nos quedará insertar texto en la página, de tal manera que todo el texto aparecerá con el formato especificado en la cabecera.

Visualizar el ejemplo | Descargar el código