CSS o Folhas de estilo em cascata (Folhas de estilo em cascata) é um linguagem de marcação Isso é usado para representam o aparência um Página da web HTML. É uma ferramenta bastante poderosos que com ele podemos mudar completamente o design de um site da web.

A própria linguagem Não é uma língua difícil Embora nós deve estar cientes de várias questões que nos fazem não cair na erros mais comuns Quando fazemos a escrita de qualquer estilo em CSS, Além de ter sempre em mente a reutilização de qualquer parte do nosso código.

O Não faça estes erros, como quase tudo nessa vida, é alcançado com base na experiência e nos encontrar de novo com eles, Então vamos tentar guiá-lo Para quê, entrada, Você não enfrentéis sozinho para eles.

Dicas e truques para evitar erros comuns ao escrever CSS

1. Esqueça a compatibilidade com outros navegadores

Todo mundo sabe que o navegadores da Web presente diferenças entre eles quando se trata de exibir qualquer página da web. Apesar de existirem normas criado para isso não acontecer, cada fabricante faz com que seu navegador funcionar como você quer. Eles tendem a estar em conformidade com as normas, Mas eles também tendem a deixá-los, por isso é conveniente que o estilos nos projetar encaixar aparência para o navegadores diferentes, ou pelo menos, o principais.

Usual para ver como é feito o um web design em Firefox o Cromado e é Esqueça verificar que o projeto Internet Explorer o Safári.

Existem infinidade de truques comprovada para ajudar a fazer o mesmo desenho ou estilo idêntico na diferentes representações navegadores diferentes. Para qualquer um deles em particular, um simples Pesquisar na Internet Você pode ajudar.

2. Não use Frameworks

Há uma abundância de quadros que nós Ajuda na projeto de nossa Web site. Eles são conjuntos de bibliotecas de código testado por milhares de pessoas ao redor do mundo e cujas falhas vão ter sido resolução versão após versão, Então fazer uso de qualquer um deles vai evitar dores de cabeça para realizar qualquer tarefa.

Essas estruturas ajudam-na fazer o design do nosso site sem ter que começar do zero, com a ajuda de elementos já criados e aqueles que têm apenas para referir-se através de seus classes. Estes projetos são já muito testados e Eles tendem a não ter imcompatibilidades entre os diferentes navegadores.

3. Não levar em conta outras resoluções de tela

Muitos desenvolvedores web que acreditam a maioria do visitas para um web vêm sistemas desktop computadores de u, cujo resoluções de tela são mais velhos. Isso não é verdade, Desde atualmente, maioria das visitas que recebe uma página da web são de dispositivos móveis, cujas resoluções de tela são menores, Além de ter tamanhos variados.

Quando o design de um site é feito, Ele deve ter em conta isto e torná-lo mais responsivo possível, ou seja, que o site seja adaptado para a resolução da tela de usuários que visitam nosso web site, Realocando, Exibindo ou ocultando itens, na mesma, a fim de fazer uma experiência do usuário mais Bom possível.

Para fazer isso, Há um monte de quadros Isso ajudá-lo a qualquer projeto de que fazer pensar sobre outros tamanhos de tela e não apenas os sistemas desktop.

4. Usando imagens de fundo grande

Há momentos em que eles são usados imagens de fundo grande em projetos. Isto vai fazer a imagem leva muito tempo para carregar e, Por conseguinte, o experiência do usuário vai ser um pouco diminuída por esta razão.

Se a imagem é uma textura que é formada pela repetição de um padrão, melhor coisa a fazer é criar uma imagem do padrão e fazer o repetição o mesmo ao longo de todo o fundo.

Se, Por outro lado, a imagem Isso não pode ser decomposto, a melhor opção é comprimi-lo o máximo que nós podemos, ou seja, para o ponto em que a partir de que começa a perder qualidade aparente. Para isso, Existem numerosos utilitários on-line Você fez alguma imagem para o máximo de compactação sem perder o detalhe.

5. Usando muitos arquivos

Da mesma forma, o uso de muitos arquivos CSS Você pode fazer com que o carregamento da página da web Ver mais lento, Então, como no ponto anterior, o experiência do usuário ser afetados. Por favor, note que para cada arquivo, o navegador terá que fazer um solicitação de o servidor em questão e então processá-lo.

Em vez de usar diferentes arquivos CSS, Você pode criar um único arquivo, ou no máximo dois, em que aúnes todos os estilos do site da web, tornando-se mais rápido carregamento de sua página.

Estas são algumas das dicas e truques Isso pode ajudá-lo a evitar que fazer esta série de erros de os desenvolvedores novato e inexperiente Esta linguagem pode ter, tudo isso devido à inexperiência. Situações que, em algum momento, Nós enfrentaram ou enfrentarão nos.