Como formatar texto em seu site com o Raspberry Pi

É possível alterar algumas propriedades para alterar a forma como o texto de seu site parece na tela com o Raspberry Pi. Qualquer coisa que você pode adicionar para tornar seu site mais visualmente atraente irá encorajar as pessoas a continuar a visitar seu site. As propriedades que podem ser alteradas são

  • família de fontes: A fonte usada para exibir uma página web depende de quais fontes computador do visitante tenha instalado. Você usar essa propriedade para especificar uma lista de fontes que você preferir usar para o texto, começando com a sua primeira preferência, e trabalhar seu caminho até último recurso, se as suas escolhas anteriores não estão disponíveis.

    Você não sabe o que alguém fontes tem em seu computador para visualizar sua página da web, e as fontes em seu Raspberry Pi não será na maioria dos computadores. É bom, então, que você também pode especificar um tipo genérico de fonte a ser utilizada, como serif, sem serifa, ou monospace (Onde cada letra tem a mesma largura).

  • tamanho da fonte: Use essa propriedade para alterar o tamanho do texto. Os usuários devem estar no controle final de quão grande é o texto é, usando suas configurações do navegador, mas você pode especificar como grande você quer um pedaço de texto a ser, em relação ao que seria de outra forma. Há um par de maneiras diferentes de especificar isso, mas a mais simples é usar uma percentagem (como 150%).

  • estilo de fonte: Defina esta opção para itálico para fazer texto em itálico. Se você tem texto em itálico que você quer fazer não-itálico, definir o estilo de fonte para normal.

  • font-weight: Defina esta opção para negrito para tornar o texto negrito. Se você tem texto em negrito que você quer fazer o negrito, defina o estilo de fonte para normal.

  • text-decoration: Defina esta opção para sublinhado para sublinhar o texto, e Nenhum se você não quer o texto a ser sublinhado. Porque os visitantes do site esperar texto sublinhado para ser um link, raramente é uma boa idéia para sublinhar qualquer outro texto.

  • text-align: Dar a este estabelecimento um valor de esquerda, direita, centro, ou justificar para especificar como o texto é alinhado.

  • text-indent: Utilize para definir um recuo para a primeira linha do texto. Um valor de 1em recua a primeira linha pela largura de uma carta m. Você pode usar outros números também, como 0.5em, 1.5em ou 2em.

Você pode formatar lotes de texto de maneiras diferentes, utilizando estes. Por exemplo, se você queria fazer todo o texto na sua página serif, você usaria

body {font-family: serif-}

Se você queria para especificar que a página deve ser exibida idealmente com a fonte Liberation Serif, mas com qualquer outro tipo de letra serif se de que não está disponível, o uso

body {font-family: # 147 Libertação Serif # 148-, serif-}

Observe que, como o nome da fonte tem mais do que uma palavra nele, há citação (fala) marcas em torno dele. Entre os diferentes nomes das fontes ou tipos, há uma vírgula.

Para fazer com que seus parágrafos todas justificadas (de modo que as bordas esquerda e direita são ambos em linha reta), mas com um recuo na primeira linha, o uso

p {text-align: justify-text-indent: 0.5em-}

Para desligar o sublinhado em links e torná-los em negrito em vez disso, o uso

a {font-weight: bold-text-decoration: none; }

menu