Aqui você vai encontrar exercícios de reforço referente as aulas desta semana. 😃 💻 Não é necessário entregar estas questões, elas servem para você praticar o que aprendeu.
Questões:
- Após criarmos a estrutura de nossa calculadora, vamos usar CSS para criar estilos. Adicione classes para todos os elementos HTML e faça uma estilização a seu gosto, mas seguindo os seguintes requerimentos mínimos:
- A fonte de todo o texto na calculadora deve ser ‘Arial’ e ter, por padrão, 18px
- A calculadora precisa estar em um contêiner centralizado horizontalmente na tela (não precisa centralizar verticalmente), ocupando uma largura de, no máximo, 640px (você pode utilizar uma div ou uma section para esta finalidade)
- O fundo da tela precisa ser da cor #FAF9F6, enquanto o fundo da calculadora precisa ser branco (#FFFFFF)
- Adicione uma borda de 1px, sólida e de cor #ECE7DD ao contêiner da calculadora
- Modifique os estilos padrão dos inputs ao seu gosto
- Modifique os estilos padrão do botão ao seu gosto
-
Imagine um sistema onde o usuário precisa selecionar uma opção de 1 a 4 para executar uma ação e, caso digite qualquer outra coisa, o sistema, por padrão, deve mostrar em tela “opção inválida”. Crie uma estrutura de switch que avalie uma variável opcao_usuario e imprima “Opção selecionada: X” para cada uma das opções (de 1 a 4) e “Opção inválida” como caso padrão. Utilize o console.log para imprimir em tela.
-
Imaginando que, em um determinado sistema, exista um elemento HTML com a classe “title”, escreva a regra CSS para que este elemento seja impresso com as seguintes características:
- Fonte 26px Arial
- Cor da fonte #999999
- Texto em uppercase
- Texto centralizado
- Imaginando que, em um determinado sistema, exista um elemento HTML do tipo div com uma classe “card”, escreva a regra CSS para que este elemento seja impresso com as seguintes características: Borda de 1px, sólida, e de cor “rgba(0, 0, 0, 0.1)”
- Com uma sombra com o valor de “0 3px 3px rgba(0, 0, 0, 0.1)”
- Com um preenchimento de 8px em todos os 4 lados
- Com a borda arredondada em 3px
- Com a cor de fundo branca