Resposta Caderno 11

​ 1. Diferença entre propriedades "font" e "text": As propriedades que iniciam com "font" são usadas para
definir características de fonte, como tamanho, estilo e família de fonte. Por exemplo, font-size, font-family,
font-weight. As propriedades que iniciam com "text" geralmente se referem ao texto em si, como text-color
(ou color) para definir a cor do texto.
​
​ 2. Propriedade que modifica a cor do texto: A propriedade que modifica a cor do texto é color. Ela aceita
valores como nomes de cores (por exemplo, "red" para vermelho) ou valores hexadecimais (por exemplo,
"#FF0000" para vermelho).
​
​ 3. Propriedade que modifica a cor de fundo: A propriedade que modifica a cor de fundo é
background-color. Ela aceita os mesmos valores de cores que a propriedade color, como nomes de cores
ou valores hexadecimais.
​
​ 4. Cores com transparência: Sim, é possível atribuir cores com transparência às propriedades color e
background-color usando o formato rgba (red, green, blue, alpha). Por exemplo, color: rgba(255, 0, 0, 0.5);
define o texto em vermelho com 50% de transparência.
​
​ 5. Propriedade font-size: A propriedade font-size controla o tamanho da fonte do texto. Ela aceita valores
como pixels (por exemplo, font-size: 16px;) ou porcentagens (por exemplo, font-size: 120%;).
​
​ 6. Itálico e Negrito: Para deixar um texto em itálico, você usa a propriedade font-style com o valor "italic".
Para negrito, usa-se font-weight com valores como "bold" para negrito ou números para definir a
espessura da fonte.
​
​ 7. Trocar a fonte da página: A propriedade para trocar a fonte da página é font-family. Não é necessário
especificar um nome de fonte específico, pois você pode fornecer várias opções de fonte e o navegador
usará a primeira disponível. O "fallback" ocorre quando a primeira fonte não está disponível, o navegador
passa para a próxima lista.
​
​ 8. Texto sublinhado, riscado e outros efeitos: Você pode usar a propriedade text-decoration para aplicar
esses efeitos. Por exemplo, text-decoration: underline; cria um texto sublinhado, text-decoration:
line-through; cria um texto riscado.
​
​ 9. Trocar o alinhamento do texto: Para trocar o alinhamento do texto, você usa a propriedade text-align
com valores como "left" (esquerda), "center" (centro) ou "right" (direita).
​
​ 10. Propriedades para imagens de fundo: As principais propriedades para imagens de fundo são
background-image, background-repeat, background-size, background-position, entre outras. Elas
controlam aspectos como a imagem de fundo, repetição, tamanho e posição.
​
​ 11. Diferenças entre padding, margin e border: O padding define o espaço entre o conteúdo e a borda
interna da caixa. A margem define o espaço entre a borda externa da caixa e os elementos vizinhos. A
borda é a linha que circunda o padding. Veja um esquema: Esquema Gráfico.
​
​ 12. Propriedades para especificar altura e largura: A propriedade para especificar a altura é height, e a
propriedade para a largura é width.
​
​ 13. Propriedades para flexibilizar altura e largura: Para flexibilizar a altura e a largura, você pode usar
max-height, min-height, max-width e min-width. Elas definem limites para as dimensões dos elementos.
​
​ 14. Propriedades "shorthand": As propriedades "shorthand" condensam várias propriedades em uma.
Para border, temos border-width, border-style e border-color. Para padding e margin, temos valores para
cada lado, como padding-top, padding-right, etc.
​
​ 15. Centralização de elementos: A largura menor que 100% é usada para evitar que o elemento ocupe toda
a largura disponível. margin: auto; é usado para centralizar horizontalmente quando a largura é menor.
margin: 0 auto; é uma forma abreviada disso, aplicando margem superior e inferior zero e margem
horizontal automática.
​
​ 16. Regras CSS solicitadas:
​
a. Imagens dentro dos parágrafos da classe "exemplo" devem ter 30% da largura do parágrafo e
borda tracejada cinza de 5px.
.exemplo img {
width: 30%;
border: 5px dashed gray;
}

b. Corpo da página deve ter imagem de fundo hospedada em

http://recursosweb.com.br/imagens/fundo1.png. A imagem de fundo deve cobrir toda a área da página,
sem se repetir, e não deve rolar junto com a rolagem de conteúdo.
body {
background-image: url(http://recursosweb.com.br/imagens/fundo1.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

c. Linhas pares das tabelas devem ter a cor de fundo rgb(227,56,243) e cor de fonte branca. Linhas
ímpares das tabelas devem ter a cor de fundo branca e a cor da fonte rgb(227,56,243). Todas as
linhas da tabela devem ter 3px de padding, tamanho da fonte de 15px e borda inferior sólida, com
2px de largura e da cor rgb(46,222,222), e seus textos devem estar centralizados.
tr:nth-child(even) {
background-color: rgb(227, 56, 243);
color: white;
}

tr:nth-child(odd) {
background-color: white;
color: rgb(227, 56, 243);
}

tr {
padding: 3px;
font-size: 15px;
border-bottom: 2px solid rgb(46, 222, 222);
text-align: center;
}