*   >> Leitura Educação Artigos >> education >> línguas

Tudo que você precisa saber sobre CSS3

O que é isso?

CSS3 oferece uma enorme variedade de novas formas de criar um impacto com seus projetos, com algumas mudanças importantes.

Modules

O desenvolvimento de CSS3 vai ser dividido em "módulos". A especificação de idade era simplesmente demasiado grande e complexo para ser atualizado como um só, por isso tem sido dividido em pedaços menores - com os novos também acrescentou.

Alguns destes módulos incluem:

  • The Box Modelo

  • Lista Módulo

  • Hyperlink Apresentação

  • Módulo Speech

  • Fundos e Borders

  • Texto Efeitos

  • Layout Multi-Column

    Timescale

    Vários dos módulos já foram concluídos, incluindo gráficos SVG (Scalable Vector ), consultas de mídia e espaços de nomes. Os outros ainda estão sendo trabalhados

    É incrivelmente difícil dar uma data projetada quando navegadores web vai adotar os novos recursos do CSS3 -..

    Alguma nova cria do Safari já começaram a

    Novas funcionalidades serão implementadas gradualmente em diferentes navegadores, e ele ainda poderia ser um ano ou dois antes de cada módulo é amplamente adotado.

    Como vai CSS3 me afeta?

    Esperamos que, em um principalmente positivo caminho. CSS3, obviamente, será completamente compatível com versões anteriores, por isso não será necessário alterar os projetos existentes para garantir que eles funcionem -.

    Navegadores web vai sempre continuar a apoiar CSS2

    O principal impacto será a capacidade de usar novos seletores e as propriedades que estão disponíveis. Estes irão permitir que você tanto alcançar novos recursos de design (animação ou gradientes, por exemplo), e conseguir recursos atuais do projeto de uma forma muito mais fácil (por exemplo, usando colunas).

    A declaração Opacidade ajusta como um elemento é opaco.

    Um valor de opacidade de 1 significa que o elemento é totalmente opaco; um valor de opacidade de 0 significa um elemento não é de todo opaco, isto é totalmente transparente

    div {background-color: rgb (255,0,0);. opacidade: 1; }

    Webkit, Gecko e Opera browsers tudo Opacidade apoio.

    A declaração RGBA permite que você defina a opacidade (via o canal Alpha), como parte do valor da cor.

    div {background-color: rgba (255,0,0,1); }

    Isto é suportado em Webkit e o primeiro alpha do Firefox 3.


    A principal diferença entre as duas declarações é esta:

    Opacidade ajusta o valor de op

    Page   <<       [1] [2] >>

  • Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.