A especificação Cascading Style Sheets original, bem como a sua revisão CSS3 muito mais recente, são as tecnologias usadas para melhorar e páginas da Web formato HTML. CSS foi inicialmente projetado para lidar com a camada de apresentação de uma página Web de uma maneira mais eficiente do que a formatação com HTML, que nunca foi destinado a lidar com a complexa construção da Web contemporânea. Porque CSS2 é uma extensão universalmente adotada de CSS1, a CSS prazo sem um número implica a inclusão de CSS2. A especificação CSS3 ainda está em desenvolvimento a partir de julho de 2014, para que os desenvolvedores da Web precisam considerar o apoio recurso varia entre os navegadores.
CSS3 é compatível com CSS
CSS3 é uma atualização para CSS2 que mantém a compatibilidade com todos os recursos do CSS - CSS3 não depreciar qualquer código CSS. O código CSS3 é projetada para tornar páginas da Web olhar melhor e carregar mais rápido, bem como reduzir o tempo de desenvolvimento para construir páginas no navegador do usuário. CSS3 faz Web design menos dependentes de arquivos de imagem de elementos de design de página e reduz os pedidos de transferência de arquivo e tempo de download, utilizando menos imagens. CSS1 focada na formatação aparência, enquanto CSS2 adicionou capacidades de posicionamento para texto e objetos. As versões mais antigas de navegadores como o IE 9 e antes não amplamente apoiar recursos adicionais do CSS3, que podem exigir tempo de desenvolvimento extra para manter a CSS código de queda-back.
CSS3 Adiciona cantos arredondados e gradientes
Antes de CSS3, os desenvolvedores da Web necessários para projetar arquivos de imagem para adicionar coisas como cantos arredondados para as fronteiras estruturais e imagem de fundo CSS3 gradients- inclui características comparáveis que podem ser adicionados com algumas linhas de código. Em CSS, um desenvolvedor Web tem que projetar uma fronteira ou inclinação, enviá-lo para o servidor de imagens, coloque a imagem na página e usar o CSS para posicionar corretamente a fronteira. Em CSS3, o desenvolvedor Web pode realizar algo semelhante com um código como ".roundBorder {border-radius: 10px;}". gradientes de fundo são um pouco mais complicadas e exigem código diferente para diferentes navegadores. Por exemplo, um gradiente de branco para preto para o Chrome e IE usa um código como ".gradBG {background: Forro de gradiente (branco, preto) -}".
CSS3 Adiciona recursos de animação e efeitos de texto
CSS3 tem um punhado de recursos não presentes na CSS para melhorar a forma como os elementos da página olhar. Com CSS3, os desenvolvedores da Web pode adicionar um texto-sombra ao texto para torná-lo mais fácil de ler ou adicionar um toque visual e pode forçar quebras de linha dentro de palavras mais longas para torná-los aptos colunas dentro com quebra automática. Antes de CSS3, os desenvolvedores da Web necessários para a animação de código em linguagens de script como javascript e CSS3 jQuery- adiciona vários recursos de animação para a camada de design. O W3C ainda está trabalhando em um padrão animações da Web para trabalhar problemas de compatibilidade entre as diferentes técnicas de animação.
CSS3 Define colunas de texto
CSS3 adiciona a capacidade para dividir seções de texto em várias colunas para ler como um jornal. Na especificação CSS2, os desenvolvedores da Web têm um tempo difícil construir seções de texto com várias colunas porque o padrão não está equipado para dividir automaticamente o texto. Particularmente com sites que apresentam design responsivo, uma técnica de desenvolvimento que reorganiza e redimensiona o conteúdo baseado em resolução de tela do dispositivo de visualização, as pessoas com monitores maiores podem ter dificuldade de ler linhas de texto que a expansão em toda a tela.
Como usar javascript para atualizar um título da página
Como adicionar uma linha divisória em html