Qualidade Web - Folhas de Estilo

O uso de folhas de estilo é crucial para melhorar a qualidade das páginas da web.

Não use tags font

Deve-se usar CSS para definir o tamanho da fonte exibida na página da web. Não use tags font.

O uso de tags <font> aumenta o tamanho do documento e torna o trabalho de alterar o tamanho do texto padrão uma verdadeira tortura.

Imaginemos a seguinte situação:

Um dia você decide modificar a cor e o tamanho de todos os títulos do site. Com CSS, você só precisa modificar uma linha para fazer isso. Se você usar tags <font>, precisará modificar todos os títulos em todas as páginas do site.

Utilizar estilos em vez de tags <font> nos permite criar interfaces de alta qualidade para páginas da web de forma mais fácil.

Por favor, não use tamanhos de fontes fixos

Não use valores de tamanho fixos. Sempre use valores de tamanho relativos.

A razão mais importante para essa recomendação é que o tamanho fixo não pode ser ajustado pelo navegador.

Seus visitantes usarão diferentes dispositivos (monitores), diferentes ambientes de navegação (luz) e possíveis deficiências (baixa visão).

Por exemplo, você pode definir o tamanho do texto de alguém como 100% (ou medium), o título principal como 140% (ou x-large) e os títulos secundários como 120% (ou large), permitindo que os usuários usem o navegador para ajustar o tamanho preferido.

Através da função de ajuste do tamanho do texto da página da web, também pode mudar o número de palavras na página impressa.

Por favor, não use tamanhos de fontes padrão muito pequenos

Alguns sites usam tamanhos de texto muito pequenos, para que possam

Reiteramos, o uso de diferentes dispositivos (monitores), diferentes ambientes de navegação (luz) e possíveis deficiências (baixa visão) podem causar barreiras à leitura para os usuários.

Por favor, não force os usuários a ampliar o tamanho do texto em cada visita ao seu site.

Sempre use cores de fundo consistentes

A maioria das páginas da web usa cores diferentes para diferentes elementos de texto. A cor dos títulos e links geralmente é diferente da cor do texto do corpo.

Como designer web, você deve estar ciente de que seus visitantes podem modificar as opções de cores padrão.

Se você definir uma cor para os elementos web, também deve definir a cor de fundo.

Se você não definir a cor de fundo, seu site pode ser arruinado por combinações ruins de cores (por exemplo, texto vermelho sobre fundo brilhante vermelho, ou texto escuro com fundo escuro).