Pular para o conteúdo principal

CSS3 - Introdução


Pra minha volta, eu preparei umas coisas sobre o CSS e CSS3.
Pra começar, você sabe o que é CSS?

O CSS (Cascading Style Sheets) é uma linguagem de estilo usada para definir a aparência de arquivos escritos em uma linguagem de marcação, como HTML e XML. Ele foi criado para separar o conteúdo da forma, ao mesmo tempo que permite aos designers manter um controle muito mais preciso sobre a aparência das páginas.
A "terceira geração do CSS" permite mais controle sobre a forma.

  • CSS 1 já significou um avance considerável na hora de desenhar páginas web, trazendo muito maior controle dos elementos da página. Porém, como ainda ficaram muitas coisas que os designers desejavam fazer, mas que CSS não permitia especificar, estes deviam fazer uso de truques para o design.

  • CSS 2 incorporou algumas novidades interessantes, que hoje já utilizamos habitualmente, porém CSS 3 ainda avança um pouco mais na direção, de dar mais controle sobre os elementos da página.
O CSS3 traz muitas propriedades novas.
As principais novidades são:
Bordas
  • border-color
  • border-image
  • border-radius
  • box-shadow
Fundos
  • background-origin
  • background-clip
  • background-size
  • fazer camadas com múltiplas imagens de fundo
Cor
  • cores HSL
  • cores HSLA
  • cores RGBA
  • Opacidade
Texto
  • text-shadow
  • text-overflow
  • Ruptura de palavras longas
Interface
  • box-sizing
  • resize
  • outline
  • nav-top, nav-right, nav-bottom, nav-left
Seletores
  • Seletores por atributos
Modelo de caixa básico
  • overflow-x, overflow-y
Outros
  • media queries
  • criação de múltiplas colunas de texto
  • propriedades orientadas a discurso ou leitura automática de páginas web
  • Web Fonts
Nos próximos artigos você vai encontrar informações detalhadas sobre cada um desses itens.

Postagens mais visitadas deste blog

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

E-Referer - De onde vem seus visitantes?

O site E-Referer oferece uma ferramenta gratuita que mostra a origem dos visitantes do seu blog e a quantidade de visitas que lhe enviou.