OK alors il est temps que nous écrivons réellement quelque C S. S.
Très excitant.
Avant que nous faisons que si nous avons besoin d'avoir un peu vieilli Al que nous pouvons style.
Donc, je vais aller de l'avant et en sublime faire un nouveau fichier de sauvegarder, il suffit de mettre sur mon bureau pour l'instant et je vais l'appeler sur moi.
HMO.
Utilisez ce petit tour obtenir le squelette de la plaque de la chaudière et ce va être une page très simple.
Je vous dis maintenant que ce ne sera pas beau quand nous aurons terminé.
Nous allons changer quelques couleurs.
Nous ne faisons que reprendre les bases de la façon dont tout cela fonctionne ensemble.
Alors je vais juste et chacun sur moi et puis disons une démangeaison pour mes hobbies.
N'hésitez pas à vous adapter à vous-même.
Ajoutons une liste et quelques alliés et faisons voler la cuisson au goudron et l'origami et sauvegarder ce fichier.
On va juste vérifier.
Ouvrons-le.
Génial.
Voici notre site merveilleux que nous allons à style.
Donc, avant de commencer à écrire le succès, nous devons décider où mettre le succès.
Et il ya effectivement quelques choix.
Donc, dans les notes, il ya deux que je suis référencement sur cette page et le premier que je vais vous dire en ce moment n'est pas une bonne idée.
Je vous le montre pour que vous le sachiez pour deux raisons.
Celle-ci est la seule façon d'utiliser des éléments de style avant une feuille de style distincte et avant CSSA vous avez réellement fait ceci dans chaque élément unique.
Permettez-moi de vous montrer un exemple.
Je veux faire ce premier mensonge pourpre.
Je dirais que le style et puis dans la citation dire couleur pourpre et qui fonctionnera.
Et cela devient violet.
Il ya donc un problème qui est si je veux que tous les trois de ces pour être violet, j'ai besoin d'aller de l'avant et dupliquer cela à chaque fois.
Ce qui est beaucoup de travail.
Et puis si je décide oh non, je veux qu'ils soient verts, puis j'ai besoin d'aller et de changer trois endroits différents pour être vert.
Et évidemment, ce problème est bien pire quand vous avez des centaines de même élément avec le même style sur une page donnée.
C'est donc une mauvaise idée.
Et l'autre raison, ce n'est pas une bonne idée, c'est que nous voulons séparer notre h tim L de RCA.
C'est cette idée de la séparation des préoccupations.
Nous voulons que notre CSSA soit autonome dans son propre dossier.
Nous voulons le vieillir pour qu'il soit son propre dossier avec juste la structure.
C Ss est juste le style.
Donc, à l'heure actuelle, c'est un mélange bizarre des deux.
Donc je vais m'en débarrasser et l'autre façon dans les notes est quelque chose qu'on appelle une attaque de style.
Ainsi, un tag de style nous permet d'écrire la syntaxe C Ss où nous sélectionnons les choses et nous avons les accolades que nous ne pouvions pas faire ici.
Mais ce que nous pouvons faire, c'est de le faire dans un document html.
Donc, dans la tête si nous allons de l'avant et juste créer la balise appelée style et nous pouvons lui donner ce type d'attribut égale texte ss Css, nous pouvons maintenant écrire quelques C Ss tags et sélecteurs à l'intérieur d'ici.
Donc, n'oubliez pas que nous avons ce est le sélecteur règle générale et puis nous avons la propriété à l'intérieur des accolades et puis la valeur et puis un point-virgule.
Donc je vais commenter cela par la façon de faire des commentaires.
SS utiliser slash et l'astérisque, puis astérisque et slash.
Je veux dire que je vais laisser ça ici.
Et commençons par changer le H-1 pour être violet.
Donc la façon dont nous écrivons que si nous suivons ce modèle, nous le sélectionnons.
Donc nous allons écrire chaque et encore et nous allons passer beaucoup de temps sur les différents types de sélecteurs.
Donc en ce moment nous apprenons à propos d'un appelé le sélecteur d'éléments qui a conduit à sélectionner basée sur un type d'élément qui est H-1.
Alors maintenant, nous allons ajouter une propriété ici et dans cette vidéo, nous allons simplement la garder extrêmement simple et utiliser la couleur.
Donc, je vais dire la couleur et puis pourpre et enregistrer cette recharge ou la page de sauvegarde et nous obtenons un violet H-1 Alors la prochaine chose que nous pouvons faire est de changer tous les alliés d'être orange et de faire que nous sélectionnons avec un sélecteur d'élément Encore une fois et nous pouvons le faire juste après.
Nous n'avons pas besoin de virgule ou de toute autre ponctuation.
Nous faisons juste une autre règle ici s'appliquent les accolades et cette fois nous allons dire que la couleur est orange.
Donc, la raison pour laquelle nous faisons ceci est que je veux vous montrer que ce sélecteur Elyse il ne sélectionne pas seulement un sélectionne tous les mensonges.
Alors nous rafraîchissons tous les trois sont maintenant orange.
De même avec le H-1 si nous avions plusieurs h ones.
Je vais donc ajouter trois.
Ils seraient tous pourpres.
Une autre chose que je vais vous montrer ici est si je dois trouver un autre style pour chacun ensuite et je dis qu'il devrait être bleu, il devient bleu.
Tous deviennent bleus.
Et donc cela obtient à quelque chose que nous allons apprendre beaucoup plus sur ce qui se passe quand il ya des informations de style contradictoires.
Et dans ce cas nous avons changé tous pour être pourpre.
Ensuite, nous les changeons tous en bleu.
Donc celui qui est venu plus tard a gagné la bataille, je suppose.
D'ACCORD.
Donc, le problème avec ce que nous venons de faire semble bien mais malheureusement, il est toujours dans notre HMO.
Et je viens de dire qu'il y a quelques minutes, nous voulons le séparer ou l'éliminer et nous ne voulons pas qu'ils soient connectés.
Eh bien, nous voulons qu'ils soient connectés, nous ne voulons pas que les CC soient imbriqués à l'intérieur de son HMO.
Donc fonctionnellement il fonctionne exactement de la même manière.
Nous ne voyons pas de différence visuelle, mais bien ce que nous voulons réellement faire est d'utiliser une balise de lien.
Donc ce qu'une balise de lien nous permet de faire est d'écrire ou de voir SS dans un fichier totalement séparé et ensuite connecté avec la balise de lien au lieu de notre tête qui va essentiellement aller chercher le contenu de ce fichier et l'âme et tout le style de notre époque.
Tim L. vu le contenu de ce fichier.
Donc, pour écrire que nous pouvons commencer par créer un nouveau fichier et que nous allons mettre RC SS ici, alors nous allons le sauver et je vais simplement l'appeler.
C Ss vous appelez ce que vous voulez, mais doit être dot C Ss et je le mets dans le même répertoire que mon fichier HDMI.
La prochaine chose que je vais faire est juste de définir quelques styles et ici donc H-1 disons que la couleur est rouge et la couleur des mensonges est vert.
Et pendant que nous sommes ici nous allons le changer pour aussi bien.
Couleur violet.
Génial.
Donc, nous avons CSSA défini ici bien sûr et je vais commenter cela pour l'instant.
Bien sûr, bien qu'ils ne soient pas connectés en ce moment.
Nous avons donc créé un fichier, mais il n'est pas connecté.
Donc, pour ce faire, nous devons utiliser la balise de lien.
Alors je voudrais simplement taper le lien et ensuite cliquer sur l'onglet et vous pouvez voir qu'il ya cet attribut important que le texte sublime veut que nous remplissions ce qui s'appelle A-Trak et il fonctionne comme le creux d'une balise d'ancrage et qui serait Lui donner une arrivée.
Nous lui donnons un endroit pour trouver le fichier.
Donc, dans ce cas, ce fichier est juste appelé apt nous donc nous écrivons juste enlevés oui nous sauver et rafraîchir.
Maintenant, vous pouvez voir que nous avons lu H-1 une page pourpre 4 et alliés verts alors allons tout ce que nous allons faire.
En ce qui concerne le style pour l'instant.
Donc, pour récapituler ici la première chose que nous avons discuté est d'utiliser l'attribut de style pour ajouter du style en ligne qui ressemble à ce style égale et puis lui donner une propriété et c'est une mauvaise idée pour deux raisons.
La première est que nous ne voulons pas encombrer ou H Tim L avec un tas de styles.
Nous voulons qu'ils soient séparés.
Et la deuxième raison est que c'est une douleur si nous voulons changer les choses.
Il ya beaucoup de duplication si nous voulons faire tous 3H un thread.
Nous devons copier ce code à trois endroits différents.
La prochaine chose que nous avons appris était d'utiliser la balise de style et la balise de style nous permet d'écrire C S nous à l'intérieur de notre h Timo.
Et ça marche bien.
Il nous permet d'utiliser la syntaxe CSSA où nous pouvons sélectionner chacun à la fois.
Le problème, c'est que nous ne voulons pas mettre R C S S directement enragé lui.
Mais vous l'utiliserez de temps en temps si vous êtes juste le débogage quelque chose que vous voulez ajouter rapidement des styles que vous ne voulez pas faire un nouveau fichier et ensuite connecté.
Vous allez simplement le supprimer après.
C'est vraiment le moment où je l'utilise.
C'est juste pour des fins de démonstration rapide.
Mais ce que nous voulons réellement utiliser est la balise de lien de la balise de lien.
C'est juste une référence à un autre fichier.
Donc, nous avons besoin d'un fichier rempli de styles doit terminer avec Dotsie évaluer enregistrer, puis le relier à l'attribut H ref et c'est tout ce que nous devons faire.
Une chose que j'ai oublié de mentionner est que vous voulez certainement mettre des balises et des styles de lien dans votre tête.