A especificação original de Cascading Style Sheets, bem como sua revisão CSS3 muito mais recente, são tecnologias usadas para aprimorar e formatar páginas web HTML. O CSS foi inicialmente projetado para lidar com a camada de apresentação de uma página web de forma mais eficiente que formatação com HTML, que nunca pretendeu lidar com a construção complexa da web contemporânea. Como o CSS2 é uma extensão universalmente adotada do CSS1, o termo CSS sem número implica a inclusão do CSS2. A especificação CSS3 ainda está em desenvolvimento, então desenvolvedores web precisam considerar que suporte a recursos varia entre navegadores.
O CSS3 é uma atualização do CSS2 que mantém compatibilidade com todos os recursos do CSS — o CSS3 não deprecia nenhum código CSS. O código CSS3 é projetado para fazer páginas parecerem melhores e carregarem mais rápido, além de reduzir tempo de desenvolvimento para construir páginas no navegador. O CSS3 torna o design web menos dependente de arquivos de imagem para elementos de design e reduz requisições de transferência e tempo de download usando menos imagens. O CSS1 focou em formatação de aparência, enquanto CSS2 adicionou recursos de posicionamento para texto e objetos. Versões antigas de navegadores como IE 9 e anteriores não suportam amplamente recursos adicionais do CSS3, o que pode exigir tempo extra de desenvolvimento para manter código de fallback CSS.
Antes do CSS3, desenvolvedores precisavam criar arquivos de imagem para adicionar cantos arredondados em bordas estruturais e gradientes de fundo; o CSS3 inclui recursos comparáveis que podem ser adicionados com poucas linhas de código. No CSS, um desenvolvedor precisa desenhar uma borda ou gradiente, enviá-lo ao servidor de imagens, colocar a imagem na página e usar CSS para posicionar corretamente a borda. No CSS3, o desenvolvedor consegue algo similar com código como ".bordaArredondada{border-radius:10px;}". Gradientes de fundo são mais complexos e requerem código diferente para diferentes navegadores. Por exemplo, gradiente branco-para-preto para Chrome e IE usa código como ".gradienteFundo{background: linear-gradient(white,black);}".
O CSS3 tem vários recursos não presentes no CSS para melhorar a aparência de elementos da página. Com CSS3, desenvolvedores podem adicionar text-shadow a texto para facilitar leitura ou adicionar estilo visual e forçar quebras de linha em palavras longas para caber em colunas com word-wrap. Antes do CSS3, desenvolvedores precisavam codificar animação em linguagens de script como JavaScript e jQuery; o CSS3 adiciona vários recursos de animação à camada de design. O W3C ainda trabalha em padrão de animações web para resolver problemas de compatibilidade entre técnicas diferentes.
O CSS3 adiciona capacidade de dividir seções de texto em múltiplas colunas para leitura estilo jornal. Na especificação CSS2, desenvolvedores têm dificuldade em construir seções de texto multi-coluna porque o padrão não suporta divisão automática de texto. Particularmente em sites com design responsivo, técnica que reorganiza e redimensiona conteúdo baseado na resolução da tela do dispositivo, pessoas com monitores grandes podem ter dificuldade lendo linhas de texto que se estendem pela tela.
Tecnologia Eletrônica © [www.351231.com]
