Fala aí pessoal, mais um post pra animar a sua semana.
Hoje o assunto é CSS! Mas não qualquer CSS, e sim o CSS3.
Então, senta que lá vem história.
Cascading Style Sheets mais conhecido como CSS, surgiu em 1994 com a proposta de ajudar o HTML a ter mais recursos.
Então, o html seria responsável apenas por estruturar o website e tudo relacionado a
apresentação ficava a cargo do CSS. Colocado em arquivo a parte com a terminação .css
ou no proprio HTML demarcado pelas tags <style type="text/css">.
A idéia bombou e foi se aprimorando até chegar ao CSS3, a mais atual versão deste modelo.
O CSS3 é dividido em uma coleção de itens chamados 'módulos'.
Cada módulo contém as características definidas na versão 2.
As funcionalidades que mais chamaram atenção nesta versão foram:
- Elementos em 2D e 3D, você consegue mudar a rotação permitindo que você gire X ou Y do seu eixo para qual sentido desejar (horário ou anti-horário);
- Criação de animação,com o uso do @keyframe onde você define o ponto inicial e o ponto final de qualquer transição suave e vincular a um seletor, podendo também especificar nome e a duração da sua animação;
- Mudar o estilo de um elemento através dos efeitos de transições;
- Possibilidade de utilização de um arquivo fonte no servidor para o uso de novas fontes;
- Personalização de várias colunas, dando aspecto de revista e jornal;
- Gradientes de cores, que permite que você faça transições de duas ou mais cores especificadas;
- Especificar o tamanho da imagem de fundo ou preencher o fundo todo com a imagem;
- Sombras nos textos, onde você especifica a sombra vertical, horizontal, a espessura e cor.
Vantagens:
- Aumento na portabilidade dos documentos da web, facilitando o uso de documentos da web;
- Os Navegadores carregam mais rápido a página, podendo chegar até a 70% de otimização.
- Redução de tempo de criação e manutenção do site (o código de formatação fica isolado em um único arquivo CSS).
Desvantagens:
- Nenhum browser suporta todas as especificações do CSS definidas pelo W3C e alguns implemetam estilos de forma diferente.
Bom galera, é isso.
Espero que tenham gostado, até a próxima!
0 comments:
Postar um comentário