Cómo formatear texto en su sitio web con Raspberry Pi

Puede cambiar algunas propiedades para modificar el aspecto del texto de su sitio web en la pantalla con la Raspberry Pi. Cualquier cosa que pueda agregar para hacer que su sitio web sea más atractivo visualmente alentará a las personas a seguir visitando su sitio. Las propiedades que puede cambiar son

  • font-family : La fuente utilizada para mostrar una página web depende de las fuentes que haya instalado la computadora del visitante. Utilice esta propiedad para especificar una lista de fuentes que preferiría usar para el texto, comenzando con su primera preferencia y avanzando hasta el último recurso si sus opciones anteriores no están disponibles.

    No sabe qué fuentes tiene alguien en su computadora para ver su página web, y las fuentes de su Raspberry Pi no estarán en la mayoría de las computadoras. Entonces es bueno que también pueda especificar un tipo genérico de fuente que se usará, como serif , sans-serif o monoespacio (donde cada letra tiene el mismo ancho).

  • font-size : utilice esta propiedad para cambiar el tamaño del texto. Los usuarios deben tener el control máximo de qué tan grande es el texto, usando la configuración de su navegador, pero puede especificar qué tan grande quiere que sea un fragmento de texto, en relación con lo que hubiera sido de otra manera. Hay un par de formas diferentes de especificar esto, pero la más simple es usar un porcentaje (como 150% ).

  • estilo de fuente : configúrelo en cursiva para que el texto esté en cursiva. Si tiene texto en cursiva que desea convertir en no cursiva, establezca el estilo de fuente en normal .

  • font-weight : establézcalo en negrita para poner el texto en negrita. Si tiene texto en negrita que desea quitar en negrita, establezca el estilo de fuente en normal .

  • text-decoration : configúrelo para subrayar para subrayar el texto, y en ninguno si no desea que el texto esté subrayado. Debido a que los visitantes del sitio web esperan que el texto subrayado sea un enlace, rara vez es una buena idea subrayar cualquier otro texto.

  • text-align : asigne a esta propiedad un valor de left, right, center o justify para especificar cómo se alinea el texto.

  • sangría de texto : use esto para establecer una sangría para la primera línea de texto. Un valor de 1em sangra la primera línea por el ancho de una letra m . También puede usar otros números, como 0.5em, 1.5em o 2em.

LEER  Reconocer y afrontar el rebote de contacto en la Raspberry Pi

Puede formatear el texto de muchas formas diferentes con estos. Por ejemplo, si quisiera hacer que todo el texto de su página sea serif, usaría

cuerpo {familia de fuentes: serif; }

Si desea especificar que su página debe mostrarse idealmente con la fuente Liberation Serif, pero con cualquier otra fuente serif si esa no está disponible, use

body {font-family: "Liberation Serif", serif; }

Tenga en cuenta que debido a que el nombre de la fuente tiene más de una palabra, hay comillas (palabras) a su alrededor. Entre los diferentes nombres o tipos de fuentes, hay una coma.

Para hacer que sus párrafos estén todos justificados (de modo que los bordes izquierdo y derecho sean rectos), pero con una sangría en la primera línea, use

p {alinear texto: justificar;
 sangría de texto: 0.5em; }

Para desactivar el subrayado en los enlaces y ponerlos en negrita, utilice

a {font-weight: bold;
 decoración de texto: ninguna; }

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *