Planos a partir de R$ 39/mês Inscreva-se Agora

Dica #11 Tipografia – Alinhamento

Text-align

O alinhamento é uma característica básica de qualquer composição tipográfica. Os mais comuns são: à esquerda, centralizado, à direita e justificado.

Na web mais de 90% dos blocos de texto são alinhados à esquerda. Apesar dele ser o valor padrão do CSS, este alinhamento também é o que mais facilita a leitura de um bloco de texto. Ao pular uma linha durante a leitura, fica mais fácil encontrar a próxima linha quando a mesma está alinhada com as linhas anteriores.

O alinhamento centralizado também é muito utilizado para compor títulos e subtítulos de páginas. Algumas citações ou breve explicações também são centralizadas.

Um alinhamento pouco utilizado é o à direita, seu uso geralmente está relacionado a uma necessidade específica da composição do site. Este alinhamento não é indicado para blocos de textos que demandem uma longa leitura.

O alinhamento justificado é a grande pegadinha para o leigo. Quando você começa a criar sites, é provável que você já tenha utilizado editores de texto como o Word, Pages, Google Docs e outros. Nestes editores é comum o uso de texto justificado, pois o documento fica como uma aparência mais organizada e evita as “escadinhas” formadas quando o texto é alinhado à esquerda. Porém na web não é possível hifenizar(quebrar as palavras utilizando hífens) o texto, o que acaba gerando os chamados “caminhos de rato”, já que a justificação é forçada e um espaço maior que o ideal é adicionado entre as palavras. Por isso o uso de alinhamento justificado é raríssimo na web.

Mais Dicas

Código

Dica #02 CSS – border-radius

Código

Animation Timing Function

Código

Como animar ao Scroll com jQuery

Código

Pseudo-elements :after e :before para estilizar títulos

Código

Animation Iteration Count e Direction