Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 07 - CSS: modelo de caixas, bordas, dimensões e posicionamento

Atividade 01

  1. Usando o exemplo da Figura 9, troque a ordem dos parágrafos 3 e 4 no documento (X)HTML. Explique por que o resultado no browser é diferente daquele mostrado na Figura 9.
  2. Modificando o CSS para o documento da questão 1, desta atividade, posicione os quatro parágrafos um ao lado do outro, como mostra a Figura 11. Insira também uma figura no canto esquerdo por trás dos parágrafos. Estilize os textos e bordas e adicione conteúdo. Ao adicionar conteúdo, a largura da área destinada a cada parágrafo não deve mudar.
Exemplo de posicionamento de parágrafos

Versão 5.3 - Todos os Direitos reservados