CSS3
Desenvolva aplicações web profissionais com uso dos poderosos recursos de estilização das CSS3
Descrição do livro
CSS3 ultrapassou o status de proposta de uma tecnologia que prometia revolucionar a forma como estilizamos documentos para a web e deve obrigatoriamente fazer parte do dia a dia dos designers e desenvolvedores web.
Muitas das funcionalidades das CSS3 estão desenvolvidas o bastante para ser empregadas em fase de produção, quer com suporte nativo, quer com uso de prefixos proprietários. Outras tantas estão sendo implementadas em navegadores modernos, possibilitando o seu estudo e o desenvolvimento de suítes para estudos. Saber o que se pode e o que não se pode, o que se deve e o que não se deve usar das CSS3 é um conhecimento indispensável.
Este livro tem os seguintes objetivos:
- Fornecer uma visão detalhada das CSS, possibilitando aos iniciantes conhecer os mecanismos da aplicação de estilos, sua sintaxe, suas propriedades básicas e os esquemas de posicionamento CSS, bem como estudar e exemplificar valores e unidades CSS.- Apresentar e exemplificar os novos seletores CSS3.
- Demonstrar as propriedades avançadas para aplicação de fundos com uso das funcionalidades para background.
- Estudar as funcionalidades para aplicação de bordas, sombras, cores e opacidade.
- Apresentar e demonstrar os novos contextos para construção de layout com emprego das funcionalidades previstas nos Módulos Multicolunas, Template Layout e Boxes Flexíveis.
- Estudar o modo de servir folhas de estilos para diferentes tipos de mídia com uso das funcionalidades do Módulo Media Queries.
- Aplicar gradientes, transformações 2D e 3D, transições e animações com uso de CSS3.
Maujor aborda as novas funcionalidades das CSS3 de forma clara, em linguagem didática, mostrando vários exemplos práticos no site do livro.
Ver menos ▲Sumário
- Agradecimentos
- Isenção de responsabilidade
- Sobre este livro
- Sobre o autor
- Introdução
- Capítulo 1 ■ Fundamentos CSS
- 1.1 Definições e conceitos CSS
- 1.1.1 Definição
- 1.1.2 Finalidade
- 1.1.3 Histórico
- 1.1.4 Regra CSS
- 1.1.5 Categorias de valores CSS
- 1.1.6 Tipos de valores CSS
- 1.2 Vinculando folhas de estilo a documentos
- 1.2.1 Estilos inline
- 1.2.2 Estilos incorporados
- 1.2.3 Estilos externos
- 1.3 Módulos CSS3
- 1.4 Status dos módulos
- 1.1 Definições e conceitos CSS
- Capítulo 2 ■ Módulo CSS Basic Box Model
- 2.1 Box Model
- 2.1.1 Bloco de conteúdo
- 2.1.2 Box nível de bloco anônimo
- 2.1.3 Box inline anônimo
- 2.1.4 Diagrama do Box Model
- 2.1 Box Model
- Capítulo 3 ■ Posicionamento CSS
- 3.1 Esquemas de posicionamento CSS2.1
- 3.1.1 Esquema normal
- 3.1.2 Esquema float
- 3.1.3 Esquema absoluto
- 3.2 Posicionamento com z-index
- 3.2.1 Contexto para empilhamento
- 3.1 Esquemas de posicionamento CSS2.1
- Capítulo 4 ■ Seletores, cascata e herança
- 4.1 Introdução
- 4.2 Definições
- 4.2.1 Seletor
- 4.2.2 Árvore do documento
- 4.2.3 Elemento-filho e elemento-pai
- 4.2.4 Elemento descendente e elemento ancestral
- 4.2.5 Elemento-irmão
- 4.2.6 Elemento precedente
- 4.2.7 Elemento subsequente
- 4.2.8 Sintaxe para seletor
- 4.2.9 Seletor universal
- 4.2.10 Seletor tipo
- 4.2.11 Seletor de atributo
- 4.2.12 Seletor classe
- 4.2.13 Seletor ID
- 4.2.14 Seletor pseudoclasse
- 4.2.15 Seletor pseudoelemento
- 4.2.16 Seletor simples
- 4.2.17 Grupamento de seletores
- 4.2.18 Caracteres de combinação
- 4.2.19 Sintaxe geral de um seletor
- 4.2.20 Seletores por namespace
- 4.2.21 Especificidade
- 4.2.22 Herança CSS
- 4.2.23 Efeito cascata
- 4.2.24 Ordem de cascata
- 4.2.25 Diretiva !important
- Capítulo 5 ■ Background
- 5.1 Introdução
- 5.2 Propriedades background
- 5.2.1 background-color
- 5.2.2 background-image
- 5.2.3 background-repeat
- 5.2.4 background-attachment
- 5.2.5 background-position
- 5.2.6 background-clip
- 5.2.7 background-origin
- 5.2.8 background-size
- 5.2.9 Propriedade background
- 5.3 Múltiplos backgrounds
- Capítulo 6 ■ Bordas e sombras
- 6.1 Introdução
- 6.2 Propriedade border
- 6.2.1 border-width
- 6.2.2 border-style
- 6.2.3 border-color
- 6.2.4 border
- 6.2.5 border-radius
- 6.2.6 border-image
- 6.3 Box Shadow
- 6.4 Text Shadow
- Capítulo 7 ■ Cores e opacidade
- 7.1 Introdução
- 7.2 Propriedade color
- 7.2.1 hexadecimal e RGB
- 7.2.2 transparent
- 7.2.3 Palavra-chave
- 7.2.4 currentColor
- 7.2.5 HSL
- 7.2.6 HSLA
- 7.2.7 RGBA
- 7.2.8 Cores do SO
- 7.3 Propriedade opacity
- Capítulo 8 ■ Fontes
- 8.1 Introdução
- 8.1.1 Tipografia
- 8.1.2 Fontes seguras
- 8.2 Propriedade font-family
- 8.2.1 Família serif
- 8.2.2 Família sans-serif
- 8.2.3 Família cursive
- 8.2.4 Família fantasy
- 8.2.5 Família monospace
- 8.3 Propriedade font-style
- 8.4 Propriedade font-variant
- 8.5 Propriedade font-weight
- 8.6 Propriedade font-size
- 8.7 Propriedade font-stretch
- 8.8 Propriedade font-size-adjust
- 8.9 Propriedade font
- 8.10 @font-face
- 8.10.1 Obtendo fontes
- 8.10.2 API fontes do Google
- 8.1 Introdução
- Capítulo 9 ■ Layout multicolunas
- 9.1 Introdução
- 9.2 Modelo multicolunas
- 9.3 Propriedades CSS
- 9.3.1 column-count
- 9.3.2 column-width
- 9.3.3 columns
- 9.3.4 column-gap
- 9.3.5 column-rule
- 9.3.6 column-span
- 9.3.7 column-fill
- 9.3.8 break-*
- 9.3.9 Overflow
- Capítulo 10 ■ Media Queries
- 10.1 Introdução
- 10.2 Anatomia da media query
- 10.3 Funcionalidades de mídia
- 10.4 Exemplo
- 10.4.1 Primeiro passo
- 10.4.2 Segundo passo
- 10.4.3 Terceiro passo
- 10.5 Suporte
- Capítulo 11 ■ Gradientes
- 11.1 Introdução
- 11.2 Gradiente linear
- 11.2.1 Parâmetros da função gradiente
- 11.3 Suporte a gradientes lineares
- 11.4 Gradiente radial
- 11.5 Repetição de gradientes
- Capítulo 12 ■ Transformações 2D
- 12.1 Introdução
- 12.2 Sistema de coordenadas
- 12.3 Transformações
- 12.3.1 rotate()
- 12.3.2 translateX()
- 12.3.3 translateY()
- 12.3.4 translate()
- 12.3.5 scaleX()
- 12.3.6 scaleY()
- 12.3.7 scale()
- 12.3.8 skewX()
- 12.3.9 skewY()
- 12.3.10 skew()
- 12.3.11 matrix()
- 12.4 Múltiplas transformações
- 12.5 Mudança da origem da transformação
- 12.6 Exemplo
- Capítulo 13 ■ Transformações 3D
- 13.1 Introdução
- 13.2 Propriedades
- 13.2.1 transform-style
- 13.2.2 perspective
- 13.2.3 perspective-origin
- 13.2.4 backface-visibility
- 13.3 Funções
- 13.3.1 perspective(n)
- 13.3.2 rotate()
- 13.3.3 translate()
- 13.3.4 scale()
- 13.3.5 skew()
- 13.3.6 matrix()
- Capítulo 14 ■ Transições CSS
- 14.1 Introdução
- 14.2 Propriedades
- 14.2.1 transition-property
- 14.2.2 transition-duration
- 14.2.3 transition-timing-function
- 14.2.4 transition-delay
- 14.2.5 transition
- 14.3 Exemplo
- Capítulo 15 ■ Animações CSS
- 15.1 Introdução
- 15.2 Propriedades
- 15.2.1 animation-name
- 15.2.2 animation-duration
- 15.2.3 animation-timing-function
- 15.2.4 animation-iteration-count
- 15.2.5 animation-direction
- 15.2.6 animation-play-state
- 15.2.7 animation-delay
- 15.2.8 animation
- 15.3 Exemplo
- Capítulo 16 ■ Template Layout
- 16.1 Introdução
- 16.2 Visão geral
- 16.2.1 Plugin CSS Template Layout
- 16.2.2 Regra CSS para descrição do layout
- 16.3 Propriedades
- 16.3.1 display
- 16.3.2 position
- 16.3.3 ::slot()
- 16.4 Exemplos
- 16.4.1 Exemplo 1 – Formulários
- 16.4.2 Exemplo 2 – Templates aninhados
- 16.4.3 Exemplo 3 – flutuando boxes
- Capítulo 17 ■ Box Layout flexível
- 17.1 Introdução
- 17.2 Propriedades
- 17.2.1 display
- 17.2.2 flex-direction
- 17.2.3 flex-order
- 17.2.4 flex-pack
- 17.2.5 flex-align
- Apêndice A ■ Propriedades CSS
- Apêndice B ■ Elementos da HTML5
- Apêndice C ■ Atributos da HTML5
- Apêndice D ■ Cores CSS
- Referências bibliográficas
- Índice remissivo
Sobre o autor
Maurício Samy Silva é graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). Exerceu o magistério paralelamente à Engenharia e foi professor de Geometria Descritiva e Matemática. Sua experiência com desenvolvimento iniciou-se em 1999. Em 2003 lançou o site https://maujor.com, que se tornou referência nacional em CSS, com a… Ver perfil completo ▶
Livros relacionados
Opinião dos leitores
Ailton T
Muito bacana o livro. Comprei 2 unidades para os meus alunos e estou recomendando para outros.
Davi O W
Livro super recomendado, com didática incomparável. Maujor supera qualquer outro autor em todos os seus livros!
Marcia G
Minha nota é 5, o livro é excelente e atende todas as minhas necessidades! Tem uma linguagem simples e fácil de entender.
Ricardo C de O
Excelente, estou adquirindo muito conhecimento com o livro CSS3, em breve comprarei outro livro, o de JavaScript para Desenvolvedores, o conteúdo dele está show.