CSS §

---

Introdução §

• Introdução ao CSS
• Estilização de elementos com CSS
• Seletores CSS
• Nível de especificidade no CSS
• Adjacent Sibling Combinator
• General Sibling Selector
• Operadores em seletores de atributo no CSS
• Herança e Propriedades CSS

Box Model §

• Box Model
  • Box Model Content
  • Box Model Padding
  • Box Model Border
  • Box Model Margin
• Margin collapsing no Box Model
• Propriedade box-sizing
• Propriedade overflow
• Propriedade width
• Propriedade height
• Propriedade margin
• Propriedade padding
• Propriedade border
• Propriedade border-radius
• Propriedade box-shadow

Layout e Posicionamento §

• Propriedade display
• Propriedade float
• Propriedade position
• Propriedade Z-index
• Propriedade gap

Layout flex §

• Propriedade justify-content
• Propriedade align-items
• Propriedade align-content
• Propriedade flex-wrap
• Propriedade flex-grow
• Propriedade flex-basis
• Propriedade flex-shrink
• Propriedade order
• Simulando o comportamento do layout grid com flex

Layout grid §

• Grid Layout
• Propriedade grid-template-rows
• Propriedade grid-template-columns
• Propriedades grid-column-start e grid-column-end
• Propriedades grid-row-start e grid-row-end
• Propriedade justify-items

Responsividade §

• Unidades de medidas no CSS
• Media Queries
• Grid Layout responsivo

Pseudo-classes §

• Pseudo-classe HOVER
• Pseudo-classe LINK
• Pseudo-classe VISITED
• Pseudo-classe ACTIVE
• Pseudo-classe FOCUS
• Pseudo-classe FOCUS-VISIBLE
• Pseudo-classe ENABLED
• Pseudo-classe DISABLED
• Pseudo-classe CHECKED
• Pseudo-classe FIRST-CHILD
• Pseudo-classe LAST-CHILD
• Pseudo-classe REQUIRED
• Pseudo-classe NOT
• Pseudo-classe NTH-CHILD

Pseudo-elementos §

• Pseudo-elemento AFTER
• Pseudo-elemento BEFORE
• Pseudo-elemento FIRST-LETTER
• Pseudo-elemento FIRST-LINE
• Pseudo-elemento SELECTION
• Pseudo-elemento PLACEHOLDER

Propriedades §

Table §

• Propriedade border-colapse
• Propriedade border-spacing

Caption §

• Propriedade caption-side

Texto §

• Propriedade color
• Propriedade background
• Propriedade font-size
• Propriedade font-style
• Propriedade font-weight
• Propriedade direction
• Propriedade letter-spacing
• Propriedade word-spacing
• Propriedade line-height
• Propriedade text-align
• Propriedade text-indent
• Propriedade text-shadow
• Propriedade text-transform
• Propriedade text-decoration

Contador §

• Propriedade counter-reset
• Propriedade counter-increment

Funções CSS §

Contador §

• Função COUNTER