1
00:00:00,200 --> 00:00:02,540
Bon, alors il est temps pour un autre exercice ici.

2
00:00:02,820 --> 00:00:08,430
Donc, cet exercice va couvrir tout ce que nous avons parlé au sujet des sélecteurs SS.

3
00:00:08,520 --> 00:00:14,700
Donc, nous n'allons pas vraiment construire une sorte de site cohérent complet qui vient à côté.

4
00:00:14,700 --> 00:00:17,930
Nous allons faire un petit blog dans le prochain exercice.

5
00:00:17,970 --> 00:00:23,460
Celui-ci est plus d'un exercice traditionnel avec un tas de problèmes problèmes très courts.

6
00:00:23,460 --> 00:00:28,150
En gros, je vous donne un tas de HMO, ça ressemble à ça.

7
00:00:28,200 --> 00:00:29,900
Ça ne veut vraiment rien dire.

8
00:00:29,910 --> 00:00:33,640
En fait tout le texte ici est d'un site Web appelé hipster ipsum.

9
00:00:33,650 --> 00:00:44,170
C'est comme un ipsum dortoir, sauf que c'est en utilisant des mots hipster comme la ferme à table et locavore et Portland et Williamsburg.

10
00:00:44,340 --> 00:00:45,940
C'est donc juste un tas de mots.

11
00:00:46,260 --> 00:00:51,500
Donc, le point est qu'il n'a pas d'importance ce qui est ici ce qui importe cependant est ce fichier.

12
00:00:51,570 --> 00:00:54,700
Le dossier de la CSSA que je vous ai aussi donné et qu'il est vide.

13
00:00:54,810 --> 00:01:00,250
Mis à part un tas de commentaires et ces commentaires vous donner des instructions pour ce que vous devez faire.

14
00:01:00,360 --> 00:01:09,250
Donc up top est le style de ligne le plus important les éléments HTML âge selon les instructions suivantes ne modifient pas le HVM existant autrement pour faire ce droit.

15
00:01:09,270 --> 00:01:11,020
Seuls les CSI.

16
00:01:11,130 --> 00:01:14,120
Donc, cela signifie ne pas toucher ce fichier.

17
00:01:14,190 --> 00:01:16,430
Ceci est ici juste comme code de démarreur pour vous.

18
00:01:16,440 --> 00:01:17,690
C'est la HVM.

19
00:01:17,970 --> 00:01:25,710
Vous allez tout faire en C SS Donc vous ne pouvez pas entrer ici et ajouter de nouvelles idées ou ajouter de nouvelles classes ou ajouter de nouveaux éléments.

20
00:01:25,710 --> 00:01:28,350
Il suffit de garder exactement comment il est.

21
00:01:28,580 --> 00:01:32,120
Donc, la façon dont il fonctionne il ya des problèmes différents.

22
00:01:32,190 --> 00:01:37,310
Ainsi, le premier donne à l'élément du corps un arrière-plan de cette couleur.

23
00:01:37,440 --> 00:01:45,210
Nous allons simplement écrire le code dans sélectionner le corps, puis lui donner une couleur comme celle-ci.

24
00:01:45,210 --> 00:01:48,690
Donc, je vais vous donner celui-là gratuitement.

25
00:01:49,050 --> 00:01:51,200
Je suis sûr que la plupart d'entre vous auraient pu le faire.

26
00:01:51,300 --> 00:01:58,350
Même chose pour tous ceux-ci afin de rendre tous les h faire tout âge pour faire quelque chose de faire tous les éléments alliés une note.

27
00:01:58,350 --> 00:02:04,510
Certains d'entre eux vous demanderont d'utiliser une propriété que nous n'avons pas encore couverte et qui est délibérée.

28
00:02:04,590 --> 00:02:09,750
Je veux juste que vous ayez une certaine expérience pour certaines propriétés dont nous n'avons pas explicitement parlé dans les vidéos encore.

29
00:02:10,080 --> 00:02:11,960
Donc, dans ce cas, voici un.

30
00:02:12,030 --> 00:02:22,700
Faire tous les paragraphes qui sont imbriqués à l'intérieur de Divs 25 pixels amusant, puis entre parenthèses Je vous donne le code dont vous avez besoin pour la taille de la police 25 x.

31
00:02:23,070 --> 00:02:24,490
Il y en a donc un peu plus.

32
00:02:24,720 --> 00:02:39,330
Voici un et voici un plus faire toutes les cases cochées ont une marge gauche de 50 pixels donc vous devez utiliser la marge gauche 50 pixels et c'est OK que vous ne savez pas exactement ce qu'il fait qui vient dans les prochaines vidéos.

33
00:02:39,450 --> 00:02:40,900
Donc, une autre note ici.

34
00:02:41,040 --> 00:02:44,080
Ceux-ci deviennent un peu plus difficile car ils vont le long.

35
00:02:44,190 --> 00:02:56,270
Donc, en haut, ils commencent par un sélecteur d'élément, puis nous parlons de classes et d'idées et puis nous commençons à parler de certains de ces autres sélecteurs que nous avons mentionné dans la dernière vidéo.

36
00:02:56,430 --> 00:03:03,960
Donc, faire tous les paragraphes qui sont imbriqués à l'intérieur de divs ne font que des entrées avec le texte de type.

37
00:03:03,960 --> 00:03:13,160
Avoir un grand arrière-plan et puis des choses comme donner le deuxième paragraphe à l'intérieur de la troisième frontière de div 5 pixel blanc.

38
00:03:13,710 --> 00:03:20,640
Donc, la bonne nouvelle est que tous les sélecteurs que vous devez utiliser ici peuvent être trouvés dans les sélecteurs CSSA 30s.

39
00:03:20,640 --> 00:03:25,890
Vous devez mémoriser l'article et vous pouvez facilement les trouver en ligne et nous avons couvert la plupart d'entre eux.

40
00:03:26,130 --> 00:03:32,410
Il ya quelques-unes que nous n'avons pas couverts dans la dernière vidéo et ceux qui sont sous la section des défis bonus.

41
00:03:32,580 --> 00:03:42,780
Ainsi, cela inclut des choses comme faire toutes les cases à cocher cochées ont une marge gauche, il ya donc un moyen de sélectionner les cases cochées.

42
00:03:42,780 --> 00:03:44,050
Ou voici un autre.

43
00:03:44,110 --> 00:03:49,750
Faites la première lettre de l'élément avec un vert spécial et une taille de police de 100 pixels.

44
00:03:49,950 --> 00:03:54,100
Donc, il ya un moyen de sélectionner juste la première lettre.

45
00:03:54,570 --> 00:04:01,340
Faites que les éléments H-1 changent de couleur en bleu lorsqu'ils survolent et rendent les éléments d'une étiquette qui ont été visités en gris.

46
00:04:01,350 --> 00:04:05,070
Rappelez-vous donc qu'un tag est un lien et que vous avez probablement déjà vu cela.

47
00:04:05,190 --> 00:04:10,730
Vous pouvez changer ou les sites vont changer la couleur d'un lien que vous avez été par rapport à un lien que vous n'avez pas été à avant.

48
00:04:11,100 --> 00:04:14,120
Il y a donc un moyen d'écrire qui permettrait d'évaluer.

49
00:04:14,310 --> 00:04:17,450
Comme toujours dans la prochaine vidéo, nous allons passer une solution.

50
00:04:17,460 --> 00:04:24,660
Peut-il aller peu à peu, mais je vous recommande de donner un coup aller aussi loin que vous pouvez essayer tous ces bonus.

51
00:04:24,660 --> 00:04:28,430
Une chose que je n'ai pas mentionné ici celle-ci est légèrement différente.

52
00:04:28,500 --> 00:04:41,430
Rendre les éléments de l'étiquette tous en majuscules sans changer le h t m l de sorte que le sélecteur ici est effectivement simple, nous sommes simplement de sélectionner tous les éléments d'étiquette, mais la propriété est un peu difficile.

53
00:04:41,430 --> 00:04:47,870
Il existe un moyen d'utiliser C Ss pour faire quelque chose en majuscules sans réellement modifier le texte dans le HTML.

54
00:04:47,880 --> 00:04:51,720
Vous pouvez le faire par C Ss juste comme vous changerait la couleur ou la frontière.

55
00:04:51,720 --> 00:04:55,320
Vous pouvez modifier une propriété qui le rendra en majuscules ou en minuscules.