CSS - Parte II
CSS - Parte II
CSS - Parte II
h1.texto {
color: green;
border: 1px dotted black;
}
Vamos praticar! ✍️
Combinadores 🤝🏼
• Seleção Múltipla:
h1, h2, h3 {
color: green;
background-color: orange;
}
Vamos praticar! ✍️
Combinadores 🤝🏼
• Filhos:
div > p {
color: green;
}
Vamos praticar! ✍️
Combinadores 🤝🏼
• Descendência:
div p {
color: green;
}
Vamos praticar! ✍️
Vamos praticar
Escreva o arquivo CSS
necessário para renderizar a
página abaixo, tendo como
base o HTML ao lado.
Seletores
Especiais
Seletores Especiais 💌
• Existem alguns seletores que tem funcionalidades e
responsabilidades especiais.
* {
margin: 0;
padding: 0;
}
Seletores Especiais 💌
• Seletores *:
Vamos praticar! ✍️
Seletores Especiais 💌
• Seletores de Pseudo-Classes:
Vamos praticar! ✍️
Seletores Especiais 💌
• Seletores de Pseudo-Classes:
Vamos praticar! ✍️
Seletores Especiais 💌
• Seletores de Pseudo-Classes:
Vamos praticar! ✍️
Vamos praticar
Escreva o arquivo CSS
necessário para renderizar a
página ao lado, tendo como
base o HTML abaixo.
Centralização
Horizontal
Centralização Horizontal ↔️
• Margin:
Vamos praticar! ✍️
Centralização Horizontal ↔️
• text-align:
• Permite alinhar os descendentes à partir do elemento
ascendente.
• Opções:
• center, right, left.
• start, end (sentidos da escrita).
Vamos praticar! ✍️
Vamos praticar
Escreva o arquivo CSS
necessário para renderizar a
página abaixo, tendo como
base o HTML ao lado.
Position
Position 🧭
• position: