Css3 e html5
Disciplina: Desenvolvimento Web I
-------------------------------------------------
Professor: Reginaldo
CSS3 / HTML5 Denis Lacerda Paes
Jesse de Castro Libanio
1. CSS3
O CSS nada mais é do que uma linguagem de customização de elementos seja ele HTML, javascript, XML, etc. Com o seu uso é possível estilizar praticamente qualquer coisa em um website.
O CSS3 é a ultima versão Cascading Style Sheets (CSS), onde se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas em todos os aspectos de design do layout.
Assim, o CSS3 facilitará o trabalho dos que trabalham com web e também dos usuários, pela variedade de transformações na apresentação de um website.
Com as atualizações do CSS3 e com os browsers atualizando o suporte do CSS2.1, nós entramos em patamar onde sem dúvida o CSS é a arma mais poderosa para o designer web. Segue uma pequena lista dos principais pontos que podemos controlar nesse novo patamar: a) Selecionar primeiro e último elemento ou pares ou ímpares; b) Selecionarmos elementos específicos de um determinado grupo de elementos; c) Bordas arredondadas; d) Sombras em texto e elementos; e) Manipulação de opacidade; f) Controle de rotação, perspectiva; g) Animação;
2.1 Novos Recursos
A seguir, exemplos de algumas dos novos recursos e propriedades que a nova versão da linguagem irá nos fornecer:
a) Bordas border-radius : Com essa propriedade podemos adicionar um raio de arredondamento para todos os cantos de um elemento, como -moz-border-radius: 10px, ou valores diferentes para cada canto, como -moz-border-radius-topright: 5px.
border-colors : Podemos adicionar um efeito gradiente nas bordas de um elementos, aplicando cores em diferentes camadas: -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc. border-image : É possível definir uma imagem como borda
Exemplo.
|