Tudo bem, então é hora de outro exercício aqui.
Então, este exercício vai abranger tudo sobre o qual falamos quanto aos seletores SS.
Então, não vamos realmente criar qualquer tipo de site completo e coeso que vem próximo.
Vamos fazer um pequeno blog no próximo exercício.
Este é mais um exercício tradicional com um monte de problemas problemas muito pequenos.
Basicamente, estou lhe dando um monte de HMO que parece assim.
Isso realmente não significa nada.
Na verdade, todo o texto aqui é de um site chamado hipster ipsum.
É como um dormitório ipsum, exceto que está usando palavras de hipster como fazenda para mesa
e locavore e Portland e Williamsburg.
Então é apenas um monte de palavras.
Então o ponto é que não importa o que está aqui, o que importa é esse arquivo.
O arquivo CSSA que eu também dei e está vazio.
Além de um monte de comentários e esses comentários fornecem instruções para o que você precisa fazer.
Então, o topo é o estilo de linha mais importante, os elementos HTML idade de acordo com as instruções a
seguir não alteram o HVM existente para fazer isso direito.
Somente CSI s.
Então, isso significa que não toque neste arquivo.
Isto está aqui apenas como código inicial para você.
Esta é a HVM.
Você vai fazer tudo em C SS. Então, você não pode entrar aqui e adicionar novas ideias ou adicionar novas classes ou
adicionar novos elementos.
Apenas mantenha exatamente como é.
Então, a maneira como funciona, existem diferentes problemas.
Assim, o primeiro dá ao elemento do corpo um plano de fundo dessa cor.
Nós simplesmente escreveríamos o código para selecionar o corpo e depois daria uma cor como essa.
Então, eu vou te dar esse de graça.
Tenho certeza de que a maioria de vocês poderia ter feito isso.
O mesmo vale para todos estes, então faça todos os h fazerem toda a idade para fazer algo faz todos os elementos aliados
uma nota.
Alguns deles solicitarão que você use uma propriedade que ainda não cobrimos e que é deliberada.
que você tenha alguma experiência para algumas propriedades que ainda não falamos explicitamente nos vídeos.
Eu só quero
Então, nesse caso, aqui é um.
Faça todos os parágrafos que estão aninhados dentro de divs 25 pixel fun e, em parênteses, dou o
código que você precisa para o tamanho da fonte 25 x.
Então, há mais alguns desses.
Aqui está um e aqui é mais uma vez que todas as caixas de seleção marcadas têm uma margem esquerda de 50 pixels, então
você precisa usar a margem esquerda de 50 pixels e está OK que você não sabe exatamente o
que isso acontece nos próximos vídeos.
Então, uma outra nota aqui.
Estes ficam um pouco mais difíceis à medida que avançam.
Então, na parte superior, eles começam com apenas um seletor de elementos e depois conversamos sobre aulas e idéias e então
começamos a falar sobre alguns outros seletores que mencionamos no último vídeo.
Então, faça todos os parágrafos que estão aninhados dentro de divs façam apenas entradas com o tipo de texto.
Tenha um excelente fundo e, em seguida, as coisas gostem de dar o segundo parágrafo dentro da terceira divisão branca
de 5 pixels.
boa notícia é que todos os seletores que você precisa usar aqui podem ser encontrados nos seletores CSSA dos 30s.
Portanto, a
Você deve memorizar o artigo e você pode facilmente encontrá-los on-line e cobrimos a maioria deles.
Há alguns, porém, que não cobrimos o último vídeo e que estão sob a seção de desafios
de bônus.
Então, isso inclui coisas como fazer todas as caixas de seleção marcadas ter uma margem esquerda, então há uma maneira
de selecionar as caixas de seleção marcadas.
Ou aqui está outro.
Faça a primeira letra do elemento com um tamanho de fonte verde especial e 100 pixels.
Então, há uma maneira de selecionar apenas a primeira letra.
Tornar a mudança de cor dos elementos H-1 para azul quando deslocou e faça os elementos de etiqueta que
foram vistos em cinza.
Então lembre-se de que uma tag é um link e você provavelmente já viu isso antes.
Você pode alterar ou os sites mudarão a cor de um link que você tenha comparado a um
link que você não esteve antes.
Então, há uma maneira de escrever que veria avaliar.
Então, como sempre no próximo vídeo, vamos abordar uma solução.
Pode ir pouco a pouco, mas eu recomendo que você dê uma chance de ir tanto quanto você pode tentar todos esses bônus.
Uma coisa que eu não mencionei aqui é um pouco diferente.
Faça os elementos do rótulo em letras maiúsculas sem alterar o h t m l, então o seletor aqui
é realmente simples, estamos apenas selecionando todos os elementos do rótulo, mas a propriedade é um pouco desafiadora.
Existe uma maneira de usar C Ss para fazer algo em maiúsculas sem alterar o texto no
HTML.
Você pode fazê-lo através de C Ss, assim como você mudaria a cor ou a borda.
Você pode alterar uma propriedade que irá torná-la maiúscula ou minúscula.
Tudo bem, então veja no próximo vídeo