Levando-nos para o próximo nível com CSS 3

" CSS 3 não é novo e não se trata apenas de cantos arredondados implementados em torno da propriedade border-radius. Ele está pacientemente parado, pronto para sua estreia, tomando café e esperando que os navegadores estendam o tapete vermelho. Veja, o navegador precisa para recuperar o atraso..."

– Este artigo gostaria de registrar a obra-prima do segundo trimestre de 2009 do ISD WEBTEAM: Manual de referência CSS 3.0 (versão chinesa)

fundo

Os materiais de referência CSS2.0 representados pelo "Manual Chinês da Folha de Estilo" de Su Yu têm acompanhado muitos web designers nacionais por quase 10 anos. Esse impacto é de longo alcance, mas com o desenvolvimento contínuo da tecnologia CSS, os designers são influenciados principalmente por materiais tradicionais e. não conseguem transcender as barreiras existentes, o que representa um pesado fardo para si próprios. Você notou que o CSS 3 está ganhando força? Você está ansioso para começar a usá-los, mas não sabe por onde começar? Justamente quando os novos recursos do CSS 3 são altamente esperados, nosso Manual de Referência Chinês do CSS3.0 surgiu...

O que é CSS3?

CSS é a abreviatura de Cascading Style Sheet. Traduzido como "folhas de estilo em cascata". É uma linguagem de marcação usada para controle (aprimorado) sobre estilos de páginas da web e permite a separação das informações de estilo do conteúdo da página da web.
CSS3.0 representa a próxima versão do CSS e 3.0 é o número da versão.

Que surpresas o CSS 3 nos traz?

CSS3.0 não é apenas uma tecnologia nova para nós, web designers, mas, mais importante ainda, esses novos conceitos de aplicações web nos dão possibilidades mais ilimitadas de design e também melhoram muito nossa eficiência de desenvolvimento. Não precisaremos mais depender de imagens ou Javascript para completar cantos arredondados, fundos múltiplos, fontes definidas pelo usuário, animações 3D, gradientes, sombras de caixa, sombras de texto, transparência e outros aplicativos em destaque que melhoram a qualidade do web design. O surgimento do CSS 3.0 torna o código mais simples, a estrutura da página mais razoável e tanto o desempenho quanto o efeito são levados em consideração.

Instruções de uso

• Este manual é destinado a reconstrutores de páginas da web ou engenheiros de desenvolvimento front-end.
• Este manual foi traduzido com base no rascunho de trabalho do W3C e há certas incertezas. O direito de interpretação final pertence ao ISD WEBTEAM.
• O layout deste manual refere-se ao CSS Preview do css3.info, que divide as propriedades do CSS 3 em nove categorias: borda, plano de fundo, cor, texto, interface do usuário, modelo básico de caixa, conteúdo, outros módulos e seletores avançados.
• A lista de compatibilidade fornece temporariamente compatibilidade de navegador oficial para Internet Explorer, FireFox, Opera, Safari e Chrome.
• Na lista de atributos privados, os navegadores que usam o mecanismo Gecko incluem o Firefox, e os atributos privados começam com -moz-; os navegadores que usam o mecanismo webkit incluem Safari e Chrome, começando com -webkit-, os navegadores que usam o mecanismo Presto incluem Opera, começando com -webkit-; -o- Iniciar, assim como o Internet Explorer, inicia com -ms-, atualmente apenas o IE8 suporta o prefixo -ms-.
• Os exemplos produzidos para cada atributo, exceto o exemplo de @font face retirado da Microsoft devido aos direitos autorais da fonte, são todos produzidos por membros da equipe com base em sua própria experiência. Devido às limitações da extensão do manual, alguns exemplos podem ser difíceis de entender. Discutiremos isso no futuro. Alguns exemplos são analisados ​​detalhadamente em artigos separados.
• Herança, dado que o rascunho de trabalho do W3C não tem uma explicação clara sobre herança, não há teste de herança nesta questão e ainda não tem valor de referência.
• Se o arquivo CHM baixado não puder ser aberto, você pode tentar clicar com o botão direito do mouse no arquivo CHM e depois em "Desbloquear" em "Propriedades".
• Este manual é principalmente para comunicação. É limitado por restrições de tempo e é um trabalho noturno amador. Erros e omissões são inevitáveis. Continuaremos a melhorar e atualizar este manual. A versão V1 do manual é fornecida aqui, que é atualizada periodicamente mensalmente.

Fonte: Equipe Web Tencent