Cascading Style Sheets , conhecidos como " CSS ", é uma linguagem de design da Web que é usado para controlar a aparência de páginas da web. Arquivos CSS são criadas separadas das páginas da Web durante o processo de design tornando-os altamente flexível. Uma vez que uma página Web foi criada , um designer simplesmente muda os arquivos CSS sem tocar no código principal HML . Desde o lançamento oficial da primeira especificação CSS, esta linguagem de marcação passou por inúmeras modificações e alterações . CSS3 agora vem com muitos mais recursos e suporta uma interface rica e funcionalidade extra. Módulos

módulos são um novo conceito em CSS3 , que permitem a especificação CSS a ser dividido em grupos de recursos. Esta arquitetura tem significado que CSS3 pode começar a rolar com muito poucos novos recursos e à medida que amadurece , mais recursos são adicionados como módulos , semelhante ao método de desenvolvimento ágil utilizado no desenvolvimento de software. Este desenvolvimento iterativo e incremental significa que CSS3 é mais flexível em relação aos seus antecessores.
Vários Fundos

Com CSS , ter vários fundos teria exigido usando um número de tags HTML e tags div para torná-los em uma página web. Com CSS3, o novo e melhorado " background-image " propriedade permite que a mentira de layouts de imagem em cima uns dos outros , declarando como mostrado no código de exemplo :

background-image : URL ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg );
texto sombreamento

efeitos especiais em CSS necessários que o texto ser processado primeiro em imagem - software de edição e , em seguida, ligado a uma página da Web usando a tag " ." a propriedade " texto sombra " em CSS3 agora permite que recursos de texto como um efeito de texto sombra turva a ser adicionado usando um tag. este código mostra como isso é feito :

Text- shadow: 1px 4px 6px # 33333 ;

O terceiro valor , " 6px , " controla o efeito de borrão , enquanto os dois primeiros valores controlar a direção de sombra
.
opacidade

com CSS , você precisava usar vários hacks para produzir o efeito de opacidade com novo recurso opacidade CSS3, isso é feito em uma única etapa , conforme mostrado pelo código. :

# my_id {

fundo: # F11 ;

Opacidade: 1;

}
Border Radius < br . >

desenvolvedores usam algumas linhas de código para ter cantos arredondados , sem a necessidade de usar o método de CSS mais velho de importar novas bibliotecas e fazendo imagens para cada canto Este código mostra como é feito em CSS3 : < br >

# id {

Altura: 50px ;

Largura: 50px

Border : 2px solid # F00 ;

}