Nous saluons le retour.
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.
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.
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.
Nous allons voir certains sites Web qui ont le.
Nous allons prendre le C S C S loin et voir comment ils changent.
Et puis nous allons définir cette règle générale qui suivra pour chaque ligne CSSA que nous écrivons.
Alors allons-y et parler de ce qui est la position pour les feuilles de style en cascade.
Donc, la partie en cascade nous allons revenir dans une vidéo plus tard.
Mais les feuilles de style est assez explicite.
Rappelez-vous que C Ss est souvent considéré comme les adjectifs ou la peau où H M L seraient les noms.
Donc Jim Ellis la structure que nous voulons dans la rubrique ici et un point de balle ici.
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.
Donc, nous l'utilisons pour décrire comment les choses devraient ressembler à des feuilles de style.
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.
Ils ne sont pas à l'intérieur HMO.
Ce sont des documents distincts que nous incluons dans notre HMO.
Commençons donc par regarder quelques exemples.
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.
Donc, si vous jetez un oeil ici, nous avons un certain marge.
Regardons le fichier HDMI.
Nous pouvons aller de l'avant et ouvrir cela.
Donc, c'est le fichier de base que chaque page NCEA dit.
Utilisation de jardin Zen.
Donc vous pouvez voir que c'est assez basique.
Nous avons quelques titres.
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.
Donc vous ne changez que pour voir évaluer la structure est la même et vous vous retrouvez avec des résultats différents.
Alors voici un.
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.
Eh bien, allons jeter un oeil.
Donc, celui-ci est radicalement différent total différent disposer des couleurs différentes polices images.
Celui-ci est également très différent.
Il a cette belle animation de chargement tout fait Roscius nous.
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.
Nous avons celui-ci qui est radicalement différent aussi bien.
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.
Nous obtenons ce petit robot qui surgit dans cette rotation d'un starburst dans le dos.
Aussi un autre effet de défilement, donc je vous montre cela pour que vous puissiez voir comment puissant CSSA est.
C'est essentiellement le médecin de la peau.
Les additifs pour votre structure, il peut changer.
Vous savez en dehors de ressembler à ceci et il peut le changer pour ressembler à ceci.
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.
Nous n'avons pas eu de style en plus des styles noir et blanc par défaut.
Je veux donc parler d'une règle générale selon laquelle toutes les lignes de CSSA que nous avons écrites suivront.
Donc, ce modèle ici, il ressemble à ceci.
Nous sélectionnons quelque chose.
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é.
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.
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.
Voici donc deux exemples.
Cette première section va sélectionner toutes les h.
Nous allons revenir sur la façon dont ces sélecteurs fonctionnent.
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.
Donc, vous savez que nous n'allons pas toujours sélectionner tous ceux de toutes les balises d'image.
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.
Donc, il ya beaucoup d'options là-bas, mais il suit toujours ce format.