Bon, alors il est temps pour un autre exercice ici.
Donc, cet exercice va couvrir tout ce que nous avons parlé au sujet des sélecteurs SS.
Donc, nous n'allons pas vraiment construire une sorte de site cohérent complet qui vient à côté.
Nous allons faire un petit blog dans le prochain exercice.
Celui-ci est plus d'un exercice traditionnel avec un tas de problèmes problèmes très courts.
En gros, je vous donne un tas de HMO, ça ressemble à ça.
Ça ne veut vraiment rien dire.
En fait tout le texte ici est d'un site Web appelé hipster ipsum.
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.
C'est donc juste un tas de mots.
Donc, le point est qu'il n'a pas d'importance ce qui est ici ce qui importe cependant est ce fichier.
Le dossier de la CSSA que je vous ai aussi donné et qu'il est vide.
Mis à part un tas de commentaires et ces commentaires vous donner des instructions pour ce que vous devez faire.
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.
Seuls les CSI.
Donc, cela signifie ne pas toucher ce fichier.
Ceci est ici juste comme code de démarreur pour vous.
C'est la HVM.
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.
Il suffit de garder exactement comment il est.
Donc, la façon dont il fonctionne il ya des problèmes différents.
Ainsi, le premier donne à l'élément du corps un arrière-plan de cette couleur.
Nous allons simplement écrire le code dans sélectionner le corps, puis lui donner une couleur comme celle-ci.
Donc, je vais vous donner celui-là gratuitement.
Je suis sûr que la plupart d'entre vous auraient pu le faire.
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.
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.
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.
Donc, dans ce cas, voici un.
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.
Il y en a donc un peu plus.
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.
Donc, une autre note ici.
Ceux-ci deviennent un peu plus difficile car ils vont le long.
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.
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.
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.
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.
Vous devez mémoriser l'article et vous pouvez facilement les trouver en ligne et nous avons couvert la plupart d'entre eux.
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.
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.
Ou voici un autre.
Faites la première lettre de l'élément avec un vert spécial et une taille de police de 100 pixels.
Donc, il ya un moyen de sélectionner juste la première lettre.
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.
Rappelez-vous donc qu'un tag est un lien et que vous avez probablement déjà vu cela.
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.
Il y a donc un moyen d'écrire qui permettrait d'évaluer.
Comme toujours dans la prochaine vidéo, nous allons passer une solution.
Peut-il aller peu à peu, mais je vous recommande de donner un coup aller aussi loin que vous pouvez essayer tous ces bonus.
Une chose que je n'ai pas mentionné ici celle-ci est légèrement différente.
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.
Il existe un moyen d'utiliser C Ss pour faire quelque chose en majuscules sans réellement modifier le texte dans le HTML.
Vous pouvez le faire par C Ss juste comme vous changerait la couleur ou la frontière.
Vous pouvez modifier une propriété qui le rendra en majuscules ou en minuscules.