1
00:00:00,240 --> 00:00:01,290
Nous saluons le retour.

2
00:00:01,290 --> 00:00:06,670
Donc, cette vidéo va être un aperçu de haut niveau de la façon dont l'évaluation fonctionne et ce qu'elle fait.

3
00:00:06,720 --> 00:00:13,120
Donc, nous voulons réellement écrire n'importe quel code jusqu'à la leçon suivante et à peu près toutes les leçons de là à couvrir SEUS nous.

4
00:00:13,500 --> 00:00:21,870
Mais ce que nous allons faire est trois choses importantes que nous allons définir le succès et de parler du rôle qu'il joue pourquoi vous l'utilisez ce qu'il fait.

5
00:00:21,870 --> 00:00:24,180
Nous allons voir certains sites Web qui ont le.

6
00:00:24,210 --> 00:00:27,560
Nous allons prendre le C S C S loin et voir comment ils changent.

7
00:00:27,900 --> 00:00:34,340
Et puis nous allons définir cette règle générale qui suivra pour chaque ligne CSSA que nous écrivons.

8
00:00:34,380 --> 00:00:39,580
Alors allons-y et parler de ce qui est la position pour les feuilles de style en cascade.

9
00:00:39,840 --> 00:00:43,670
Donc, la partie en cascade nous allons revenir dans une vidéo plus tard.

10
00:00:43,830 --> 00:00:46,690
Mais les feuilles de style est assez explicite.

11
00:00:46,710 --> 00:00:55,390
Rappelez-vous que C Ss est souvent considéré comme les adjectifs ou la peau où H M L seraient les noms.

12
00:00:55,590 --> 00:00:59,830
Donc Jim Ellis la structure que nous voulons dans la rubrique ici et un point de balle ici.

13
00:01:00,090 --> 00:01:09,170
Nous avions l'habitude de dire rendre les titres violet et la taille de la police 50 pixels et déplacer cela vers le bas et lui donner une bordure.

14
00:01:09,240 --> 00:01:13,760
Donc, nous l'utilisons pour décrire comment les choses devraient ressembler à des feuilles de style.

15
00:01:13,770 --> 00:01:21,030
L'autre partie est la feuille de la partie de celui-ci et ce que cela signifie est que nous allons écrire ces séparément de chaque équipe.

16
00:01:21,110 --> 00:01:23,400
Ils ne sont pas à l'intérieur HMO.

17
00:01:23,460 --> 00:01:27,590
Ce sont des documents distincts que nous incluons dans notre HMO.

18
00:01:28,020 --> 00:01:31,510
Commençons donc par regarder quelques exemples.

19
00:01:31,560 --> 00:01:45,220
Il ya un site que j'aime vraiment vraiment appelé CSX Zen jardin et le point entier de ce site est de vous montrer la variété des choses que vous pouvez accomplir avec Jesse s s.

20
00:01:45,300 --> 00:01:49,200
Donc, si vous jetez un oeil ici, nous avons un certain marge.

21
00:01:49,260 --> 00:01:52,120
Regardons le fichier HDMI.

22
00:01:52,410 --> 00:01:54,010
Nous pouvons aller de l'avant et ouvrir cela.

23
00:01:54,450 --> 00:01:58,780
Donc, c'est le fichier de base que chaque page NCEA dit.

24
00:01:58,840 --> 00:02:00,300
Utilisation de jardin Zen.

25
00:02:00,300 --> 00:02:02,130
Donc vous pouvez voir que c'est assez basique.

26
00:02:02,130 --> 00:02:04,280
Nous avons quelques titres.

27
00:02:04,280 --> 00:02:17,580
Nous avons quelques paragraphes quelques liens quelques points de balle au fond et puis l'idée entière de ce site est que les contributeurs prennent ceci à l'email et écrivent leur propre CSSA sans changer l'âge lui dehors à tous.

28
00:02:17,580 --> 00:02:23,360
Donc vous ne changez que pour voir évaluer la structure est la même et vous vous retrouvez avec des résultats différents.

29
00:02:23,370 --> 00:02:25,550
Alors voici un.

30
00:02:25,720 --> 00:02:33,800
Et sur le côté droit, vous pouvez consulter quelques autres et il ya il ya un tas d'entre eux sur le site et en fait, vous pouvez contribuer votre propre si vous le souhaitez.

31
00:02:34,080 --> 00:02:35,020
Eh bien, allons jeter un oeil.

32
00:02:35,250 --> 00:02:42,750
Donc, celui-ci est radicalement différent total différent disposer des couleurs différentes polices images.

33
00:02:42,750 --> 00:02:44,190
Celui-ci est également très différent.

34
00:02:44,190 --> 00:02:47,840
Il a cette belle animation de chargement tout fait Roscius nous.

35
00:02:48,240 --> 00:02:56,050
Vous pouvez faire défiler vers le bas et nous avons cet effet où notre contenu défile mais l'image d'arrière-plan est statique.

36
00:02:56,130 --> 00:03:00,190
Nous avons celui-ci qui est radicalement différent aussi bien.

37
00:03:01,020 --> 00:03:08,820
Et nous pourrions passer toute la journée ici et nous avons juste en trouver un autre qui est mon préféré qui est un robot nommé Jimmy.

38
00:03:09,190 --> 00:03:13,510
Nous obtenons ce petit robot qui surgit dans cette rotation d'un starburst dans le dos.

39
00:03:13,620 --> 00:03:20,860
Aussi un autre effet de défilement, donc je vous montre cela pour que vous puissiez voir comment puissant CSSA est.

40
00:03:21,060 --> 00:03:23,330
C'est essentiellement le médecin de la peau.

41
00:03:23,370 --> 00:03:27,330
Les additifs pour votre structure, il peut changer.

42
00:03:27,330 --> 00:03:35,020
Vous savez en dehors de ressembler à ceci et il peut le changer pour ressembler à ceci.

43
00:03:35,070 --> 00:03:40,690
Donc j'espère que c'est assez pour vous exciter à apprendre C S s r h d m l côté jusqu'à présent ont été assez fade.

44
00:03:40,770 --> 00:03:45,170
Nous n'avons pas eu de style en plus des styles noir et blanc par défaut.

45
00:03:46,440 --> 00:03:51,880
Je veux donc parler d'une règle générale selon laquelle toutes les lignes de CSSA que nous avons écrites suivront.

46
00:03:52,050 --> 00:03:55,090
Donc, ce modèle ici, il ressemble à ceci.

47
00:03:55,230 --> 00:03:56,800
Nous sélectionnons quelque chose.

48
00:03:57,270 --> 00:04:06,470
Donc, nous allons parler beaucoup de ce qui se passe réellement, mais nous allons sélectionner quelque chose comme tous les h ou chaque balise d'ancrage à l'intérieur d'un allié.

49
00:04:06,540 --> 00:04:24,350
Alors nous faisons quelque chose où nous choisissons h tim l éléments font référence à html existant et puis à l'intérieur des accolades nous appliquons certains styles et ils suivent ce format de paire de valeur clé où nous avons une propriété deux-points puis une valeur correspondante, puis un semi -côlon.

50
00:04:24,690 --> 00:04:33,770
Donc, nous pouvons avoir une chose ici, nous pouvons avoir 100 propriétés différentes que nous changeons, mais ils suivent toujours cette propriété de syntaxe Colan valeur.

51
00:04:34,740 --> 00:04:36,510
Voici donc deux exemples.

52
00:04:36,540 --> 00:04:40,190
Cette première section va sélectionner toutes les h.

53
00:04:40,260 --> 00:04:42,920
Nous allons revenir sur la façon dont ces sélecteurs fonctionnent.

54
00:04:43,080 --> 00:05:02,100
Mais il va sélectionner tous les uns sur une page et puis il va leur donner la couleur de pourpre et la taille de la police de 56 et puis ce prochain ici va sélectionner toutes les balises d'image et leur donner la couleur de la frontière rouge et la frontière de Trois pixels.

55
00:05:02,100 --> 00:05:06,350
Donc, vous savez que nous n'allons pas toujours sélectionner tous ceux de toutes les balises d'image.

56
00:05:06,570 --> 00:05:15,310
Nous allons avoir plusieurs vidéos sur les nuances de sélection des choses, parfois nous voulons sélectionner des tonnes de choses, parfois, nous faisons un petit élément à la fois.

57
00:05:15,450 --> 00:05:19,160
Donc, il ya beaucoup d'options là-bas, mais il suit toujours ce format.