Skip to content

O que é CSS3?

27 de abril de 2021

A maior mudança para CSS nível 3 é a introdução de módulos. A vantagem dos módulos é que eles (supostamente) permitem que a especificação seja concluída e aprovada mais rapidamente porque os segmentos são concluídos e aprovados em blocos. Isso também permite que os fabricantes de navegadores e agentes de usuário ofereçam suporte a seções da especificação, mas mantenham o inchaço de código ao mínimo, oferecendo suporte apenas aos módulos que fazem sentido. Por exemplo, um leitor de texto não precisaria incluir módulos que apenas definem como um elemento será exibido visualmente. Mas mesmo que incluísse apenas os módulos auditivos, ainda seria uma ferramenta CSS 3 em conformidade com os padrões.

Alguns novos recursos do CSS 3

  • Seletores
  • Os seletores em CSS 3 são muito interessantes. Eles permitem que o designer / desenvolvedor selecione níveis muito mais específicos do documento. Uma das coisas boas sobre este módulo é que muitos navegadores já suportam os seletores CSS 3 avançados, então você pode começar a experimentá-los agora. Por exemplo, alguns seletores são:
  • correspondência em atributos e valores de atributos, incluindo correspondências parciais
  • pseudo classes estruturais, como o nª criança
  • uma pseudoclasse de destino para estilizar apenas os elementos que são direcionados na URL
  • uma pseudo classe marcada para estilizar qualquer elemento que esteja marcado, como elementos de rádio ou caixa de seleção
  • Efeitos de texto e layout
  • Fazer alterações na hifenização, espaço em branco e justificação do texto nos documentos.
  • Pseudo classes de primeira letra e primeira linha
  • O CSS 3 deve permitir que as propriedades afetem o kerning e o alinhamento das capitulares.
  • Mídia paginada e conteúdo gerado
  • O CSS 3 agora oferece suporte a mais opções em mídia paginada, como cabeçalhos, rodapés e números de página em execução. Além disso, haverá propriedades avançadas para imprimir o conteúdo gerado, incluindo propriedades para notas de rodapé e referências cruzadas.
  • Layout de várias colunas
  • No momento, o rascunho de trabalho do layout de várias colunas fornece propriedades para permitir que os designers exibam seu conteúdo em várias colunas com definições como lacuna de coluna, contagem de coluna e largura de coluna.
  • Rubi
  • O CSS agora oferecerá suporte à capacidade de adicionar pequenas anotações no topo ou ao lado das palavras, mais frequentemente usadas em chinês e japonês. Eles geralmente são usados ​​para dar a pronúncia ou o significado de ideogramas difíceis.

CSS 3 é divertido

CSS 3 é uma ferramenta poderosa para Web designers. Os recursos listados acima são apenas um pequeno subconjunto de todas as adições e alterações nas especificações.