1
00:00:00,200 --> 00:00:02,540
Tudo bem, então é hora de outro exercício aqui.

2
00:00:02,820 --> 00:00:08,430
Então, este exercício vai abranger tudo sobre o qual falamos quanto aos seletores SS.

3
00:00:08,520 --> 00:00:14,700
Então, não vamos realmente criar qualquer tipo de site completo e coeso que vem próximo.

4
00:00:14,700 --> 00:00:17,930
Vamos fazer um pequeno blog no próximo exercício.

5
00:00:17,970 --> 00:00:23,460
Este é mais um exercício tradicional com um monte de problemas problemas muito pequenos.

6
00:00:23,460 --> 00:00:28,150
Basicamente, estou lhe dando um monte de HMO que parece assim.

7
00:00:28,200 --> 00:00:29,900
Isso realmente não significa nada.

8
00:00:29,910 --> 00:00:33,640
Na verdade, todo o texto aqui é de um site chamado hipster ipsum.

9
00:00:33,650 --> 00:00:41,280
É como um dormitório ipsum, exceto que está usando palavras de hipster como fazenda para mesa

10
00:00:41,280 --> 00:00:44,170
e locavore e Portland e Williamsburg.

11
00:00:44,340 --> 00:00:45,940
Então é apenas um monte de palavras.

12
00:00:46,260 --> 00:00:51,500
Então o ponto é que não importa o que está aqui, o que importa é esse arquivo.

13
00:00:51,570 --> 00:00:54,700
O arquivo CSSA que eu também dei e está vazio.

14
00:00:54,810 --> 00:01:00,250
Além de um monte de comentários e esses comentários fornecem instruções para o que você precisa fazer.

15
00:01:00,360 --> 00:01:06,030
Então, o topo é o estilo de linha mais importante, os elementos HTML idade de acordo com as instruções a

16
00:01:06,240 --> 00:01:09,250
seguir não alteram o HVM existente para fazer isso direito.

17
00:01:09,270 --> 00:01:11,020
Somente CSI s.

18
00:01:11,130 --> 00:01:14,120
Então, isso significa que não toque neste arquivo.

19
00:01:14,190 --> 00:01:16,430
Isto está aqui apenas como código inicial para você.

20
00:01:16,440 --> 00:01:17,690
Esta é a HVM.

21
00:01:17,970 --> 00:01:24,450
Você vai fazer tudo em C SS. Então, você não pode entrar aqui e adicionar novas ideias ou adicionar novas classes ou

22
00:01:24,750 --> 00:01:25,710
adicionar novos elementos.

23
00:01:25,710 --> 00:01:28,350
Apenas mantenha exatamente como é.

24
00:01:28,580 --> 00:01:32,120
Então, a maneira como funciona, existem diferentes problemas.

25
00:01:32,190 --> 00:01:37,310
Assim, o primeiro dá ao elemento do corpo um plano de fundo dessa cor.

26
00:01:37,440 --> 00:01:45,210
Nós simplesmente escreveríamos o código para selecionar o corpo e depois daria uma cor como essa.

27
00:01:45,210 --> 00:01:48,690
Então, eu vou te dar esse de graça.

28
00:01:49,050 --> 00:01:51,200
Tenho certeza de que a maioria de vocês poderia ter feito isso.

29
00:01:51,300 --> 00:01:57,720
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

30
00:01:57,720 --> 00:01:58,350
uma nota.

31
00:01:58,350 --> 00:02:04,020
Alguns deles solicitarão que você use uma propriedade que ainda não cobrimos e que é deliberada.

32
00:02:04,590 --> 00:02:08,760
que você tenha alguma experiência para algumas propriedades que ainda não falamos explicitamente nos vídeos.

33
00:02:08,760 --> 00:02:09,750
Eu só quero

34
00:02:10,080 --> 00:02:11,960
Então, nesse caso, aqui é um.

35
00:02:12,030 --> 00:02:18,600
Faça todos os parágrafos que estão aninhados dentro de divs 25 pixel fun e, em parênteses, dou o

36
00:02:18,600 --> 00:02:22,700
código que você precisa para o tamanho da fonte 25 x.

37
00:02:23,070 --> 00:02:24,490
Então, há mais alguns desses.

38
00:02:24,720 --> 00:02:32,160
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

39
00:02:32,160 --> 00:02:37,650
você precisa usar a margem esquerda de 50 pixels e está OK que você não sabe exatamente o

40
00:02:37,650 --> 00:02:39,330
que isso acontece nos próximos vídeos.

41
00:02:39,450 --> 00:02:40,900
Então, uma outra nota aqui.

42
00:02:41,040 --> 00:02:44,080
Estes ficam um pouco mais difíceis à medida que avançam.

43
00:02:44,190 --> 00:02:52,020
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

44
00:02:52,020 --> 00:02:56,270
começamos a falar sobre alguns outros seletores que mencionamos no último vídeo.

45
00:02:56,430 --> 00:03:03,960
Então, faça todos os parágrafos que estão aninhados dentro de divs façam apenas entradas com o tipo de texto.

46
00:03:03,960 --> 00:03:11,910
Tenha um excelente fundo e, em seguida, as coisas gostem de dar o segundo parágrafo dentro da terceira divisão branca

47
00:03:11,910 --> 00:03:13,160
de 5 pixels.

48
00:03:13,710 --> 00:03:20,040
boa notícia é que todos os seletores que você precisa usar aqui podem ser encontrados nos seletores CSSA dos 30s.

49
00:03:20,090 --> 00:03:20,640
Portanto, a

50
00:03:20,640 --> 00:03:25,890
Você deve memorizar o artigo e você pode facilmente encontrá-los on-line e cobrimos a maioria deles.

51
00:03:26,130 --> 00:03:31,620
Há alguns, porém, que não cobrimos o último vídeo e que estão sob a seção de desafios

52
00:03:31,620 --> 00:03:32,410
de bônus.

53
00:03:32,580 --> 00:03:39,870
Então, isso inclui coisas como fazer todas as caixas de seleção marcadas ter uma margem esquerda, então há uma maneira

54
00:03:39,990 --> 00:03:42,780
de selecionar as caixas de seleção marcadas.

55
00:03:42,780 --> 00:03:44,050
Ou aqui está outro.

56
00:03:44,110 --> 00:03:49,750
Faça a primeira letra do elemento com um tamanho de fonte verde especial e 100 pixels.

57
00:03:49,950 --> 00:03:54,100
Então, há uma maneira de selecionar apenas a primeira letra.

58
00:03:54,570 --> 00:04:00,150
Tornar a mudança de cor dos elementos H-1 para azul quando deslocou e faça os elementos de etiqueta que

59
00:04:00,150 --> 00:04:01,340
foram vistos em cinza.

60
00:04:01,350 --> 00:04:05,070
Então lembre-se de que uma tag é um link e você provavelmente já viu isso antes.

61
00:04:05,190 --> 00:04:09,420
Você pode alterar ou os sites mudarão a cor de um link que você tenha comparado a um

62
00:04:09,420 --> 00:04:10,730
link que você não esteve antes.

63
00:04:11,100 --> 00:04:14,120
Então, há uma maneira de escrever que veria avaliar.

64
00:04:14,310 --> 00:04:17,450
Então, como sempre no próximo vídeo, vamos abordar uma solução.

65
00:04:17,460 --> 00:04:23,880
Pode ir pouco a pouco, mas eu recomendo que você dê uma chance de ir tanto quanto você pode tentar todos esses bônus.

66
00:04:24,660 --> 00:04:28,430
Uma coisa que eu não mencionei aqui é um pouco diferente.

67
00:04:28,500 --> 00:04:34,970
Faça os elementos do rótulo em letras maiúsculas sem alterar o h t m l, então o seletor aqui

68
00:04:35,340 --> 00:04:41,430
é realmente simples, estamos apenas selecionando todos os elementos do rótulo, mas a propriedade é um pouco desafiadora.

69
00:04:41,430 --> 00:04:47,250
Existe uma maneira de usar C Ss para fazer algo em maiúsculas sem alterar o texto no

70
00:04:47,450 --> 00:04:47,870
HTML.

71
00:04:47,880 --> 00:04:51,720
Você pode fazê-lo através de C Ss, assim como você mudaria a cor ou a borda.

72
00:04:51,720 --> 00:04:55,320
Você pode alterar uma propriedade que irá torná-la maiúscula ou minúscula.

73
00:04:55,560 --> 00:04:56,690
Tudo bem, então veja no próximo vídeo