Introduction au CSS : Débutant à la conceptrice de Web en 30 minutes | Medic 10 | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Introduction au CSS : Débutant à la conceptrice de Web en 30 minutes

teacher avatar Medic 10, Medical Student + YouTuber

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      2:05

    • 2.

      Créer et lier un fichier CSS

      2:59

    • 3.

      Ajouter la première couleur

      2:54

    • 4.

      Ajouter une couleur de fond

      3:37

    • 5.

      Appliquer des éléments universellement à l'aide d'Asterisk

      2:20

    • 6.

      Ajouter une couleur changeante lors du survol

      2:29

    • 7.

      Cours

      3:32

    • 8.

      Aligner du texte

      4:00

    • 9.

      Images de fond en CSS

      2:13

    • 10.

      Conclusion

      1:10

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

61

apprenants

1

projets

À propos de ce cours

Vous apprendrez les bases du CSS et serez en mesure d'appliquer ces connaissances afin de rendre votre conception de site Web de base encore meilleur. Ceci s'appuie sur le cours HTML précédent.

Aucune expérience préalable requise et seule requise pour ce cours est de télécharger la version gratuite de Visual Studio pour Windows ou Mac, en fonction du système d'exploitation que vous utilisez.

Prequisite : Introduction complète au HTML : Débutant au concepteur Web en 30 minutes

Rencontrez votre enseignant·e

Teacher Profile Image

Medic 10

Medical Student + YouTuber

Enseignant·e

Medical Student YouTuber Programmer Web Designer

Helping you live and lead healthier and productive lives.

Ranging from education, productivity, technology, programming, studying for exams and more, we're here to help!

Voir le profil complet

Compétences associées

Développement Langages de programmation CSS
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Bonjour et bienvenue dans un autre cours de Skillshare de Medic Turn, qui est le deuxième dans le Skillshare. Il s'agira d'une introduction au CSS, allant du débutant à un concepteur web. Et une heure. Comme condition préalable à ce cours, je m'attendrais à ce que vous deviez terminer les appels HTML débutant concepteur en 30 minutes, que j'ai mis en place dans mon autre cours Skillshare. Vous y allez d'abord parce que ce cours a été construit sur lequel vous avez appris dans ce cours. Et pendant que nous revoyons, c'est CSS, l'apprentissage des règles et des structures. Vous apprendrez donc différents types de propriétés à sélectionner comme déclarations et comment appliquer le CSS dans son propre fichier, ainsi que l'intégration dans le fichier HTML. mentionné que vous devez appliquer vos connaissances et appuyer sur le HTML dans le cours précédent. Si vous êtes complètement novice dans le codage, je vous suggérerais d'abord d' aller au cours HTML, apprendre à concevoir votre première page Web, puis de venir à ce cours pour styler votre page Web. Parce que lorsque vous concevez une page Web, vous ne voulez pas qu'elle soit lue uniquement avec du texte. Vous n'aurez pas d' images ni de vidéos, mais vous devez avoir de l'importance pour votre site Web en y ajoutant de la couleur, de l'arrière-plan. Plus important encore, comment ajuster les images à des styles agités et différents. Il s'agit d'un cours d'introduction et de la façon dont vous pouvez également faire des projets de cours. Nous serons donnés pour que vous puissiez pratiquer vos compétences. Enfin, vous utiliserez Visual Studio Code, la version gratuite pour Windows ou Mac, et téléchargerez le code Visual Studio dans le navigateur Web et accéderez au site officiel où vous pouvez obtenir votre version spécifique en fonction du système d'exploitation que vous utilisez. C'est tout pour la première vidéo, je serai CU dans toute la classe Skillshare dans les prochaines images pendant que nous vous montrerons comment vous pouvez réellement styler et construire sur votre page Web. Je vous verrai la prochaine fois. 2. Créer et lier le fichier CSS: Bonjour et bienvenue à la deuxième vidéo de la série CSS web designers. Nous allons examiner comment développer votre site Web avec des couleurs, arrière-plan et un style comme vous le souhaitez. Comme vous pouvez le voir ici, si vous avez suivi le cours précédent, vous verrez que c'est le site Web de base que j'ai créé avec HTML. Maintenant, vous devez réfléchir à la façon dont nous pouvons réellement étendre cela pour améliorer votre situation. C'est donc le site Web ici. Ce que j'ai fait, c'est que je l'ai ouvert sur les serveurs live, donc vous appuyez sur Contrôle, cliquez et ouvrez avec Live Server. Vous pouvez voir cela automatiquement ici, n'est-ce pas ? Donc, si vous voulez en savoir plus à ce sujet, si vous revenez au cours HTML précédent, vous pouvez voir comment j'ai fait tout cela revient ici. Si vous voulez développer CSS, première chose est que CSS signifie Cascading Style Sheets. Il s'agit essentiellement du fichier qui aide votre site Web à créer, saisir la couleur, l'arrière-plan et la façon de le coiffer. Créons donc un fichier CSS. Donc, si vous allez sur ce signe plus ici, ici, première page point CSS. Maintenant, la raison pour laquelle je mets la première page est parce que le fichier HTML est le code HTML de première page. Et ce sera un bon moyen de se souvenir cette première page, juste du CSS ici. Une fois que nous avons créé cela, nous voulons maintenant savoir comment relier les fichiers ensemble. Pour établir un lien vers des fichiers ensemble, vous devez d'abord comprendre que ces deux fichiers ne sont pas connectés. première étape, la deuxième étape serait, est de les relier. La troisième étape consisterait à voir si vous avez fait cela correctement et que cela fonctionne réellement, ce que nous allons travailler sur quelques vidéos. Regardons ici. Pour que votre site Web fonctionne, vous devez écrire un lien. Supposons, par exemple, que vous souhaitiez avoir un CSS de premier point de page. Ce sera rho égal à la feuille de style déformé comme ici, alors vous avez créé un lien vers votre page CSS. Ensuite, c'est comme ça que vous commencerez par entreprendre le document CSS. En fait, liez-le. instant, vous ne devriez pas voir de mises à jour utiliser sur rien là-dedans une seule fois ou y mettre quelque chose, alors vous pourrez voir si cela fonctionne. C'est pour la première partie qui fait réellement le document CSS. Et les prochaines parties se concentreront sur la façon dont vous pouvez réellement développer cela et comment elle peut réellement mettre à jour votre page Web au fur et à mesure. Et je vous verrai dans le prochain problème. 3. Ajouter la première couleur: Bonjour et bienvenue dans la troisième partie de cette classe Skillshare où je vais voir comment commencer à ajouter de la couleur à votre site Web, commençant par la police. Allons-y ici. Vous pouvez voir ici que cela est lié à votre code HTML. CSS de première page point. C'est le dossier. Donc, si vous voulez commencer à écrire du code et du CSS, la première chose à faire est comprendre ce qui est écrit en HTML. Si nous voulons styliser le titre ici. Mon premier site web va aller ici. L'un est écrit ici, mon type ouvert H1, lien étroit, mon premier site web. Vous voulez le coiffer ? Ainsi, la façon dont il est écrit est un, ouvrez des crochets bouclés, fermez crochets à l'aide d' IntelliSense. Fermer. Fondamentalement, c'est comme ça que vous écrivez en CSS. Maintenant, comme cela vous paraîtra évident, vous voulez ajuster la couleur, le codage des couleurs à l'orthographe américaine et il sera codé par couleur, tout comme cela peut en faire une couleur rouge, un point-virgule rouge. N'oubliez pas toujours le point-virgule car beaucoup de points-virgules échouent toujours. Maintenant, appuyez sur Enregistrer ou sur Commande Enregistrer sous Mac, contrôlez les fenêtres enregistrées. Automatiquement, la magie commence à se produire. couleur de votre premier site Web vient changer pour la couleur noire à la couleur rouge. Essayons un mélange de couleurs que nous essayons le bleu puis en changeant le bleu avec l'œuvre. Oui, cela fonctionnera car il change de couleur. Le bleu, le violet, essayons peut-être ça. Tels sont devenus sans fil bleu. Ainsi, vous comprenez, vous demande de le faire lorsque vous écrivez dans la bonne syntaxe, alors vous pouvez rester debout. façon dont vous voulez faire est la propriété type sélectionnée . Une fois que vous comprenez le code ici, assez simple la façon dont vous l'écrivez pour les autres est assez simple. Disons donc que vous voulez un paragraphe stylisé , peut-être avec le paragraphe sorti, disons que c'est la balise p, accord, donc c'est une balise p. La meilleure façon d'apprendre c'est aller ici, n'est-ce pas ? Espace P, ouvrir, fermer l'étiquette, couleur. Essayons la couleur ici. Supposons que vous vouliez mettre cette nouvelle couleur verte, un point-virgule. Il suffit de tourner au vert. Donc, vous devez être pour vous, pourquoi est-ce que ces trois personnes deviennent vertes ici ? Parce que je les ai mis dans la balise de paragraphe. Quand il les a mis dans la balise de paragraphe va se produire est-ce que le changement de couleur que ça ? Est-ce pour cette partie de la vidéo ? Vous allez y aller. La prochaine partie est la façon dont vous appliquez le style de votre couleur. Ensuite, je vous verrai dans le prochain. 4. Ajouter de la couleur de l'arrière-plan: Bienvenue sur une autre vidéo de la classe écossaise de CSS depuis le premier site Web AT. Et celui-ci examinera comment ajouter de la couleur d'arrière-plan et des parties différentes colorées à un site Web sans modifier d' autres parties. Si vous pouvez voir ici, vous avez div id mains. Donc, si vous vous rappelez dans la vidéo précédente, nous avons regardé comment colorer chaque souhait. Nous avons donc le logiciel malveillant d'abord sur le site Web. C'est essentiellement sous H1. Nous avons mis cela dans une balise, donc nous avions un sélecteur. Maintenant, par exemple, si nous n'avons pas ce pot et cette couleur et que nous n'aurons pas cette partie, disons qu'une couleur aqua que nous devons faire est ajouter cela à spécifique à cette partie du site Web. La chose clé à retenir à ce sujet est que vous devez utiliser un identifiant. Si vous revenez au cours HTML, vous le verrez. Un ID est essentiellement ce qui donne le nom aux paragraphes. Div id égal signifie utiliser ceci uniquement pour colorer cette section spécifiquement d'ici à ici. Afin de colorer ce premier outil pour pousser le hashtag principal, ouvrir les crochets bouclés, et de là, vous pouvez taper une couleur, qui pourrait être verte. Couleur de fond. C'est ainsi que vous mettez l' arrière-plan dans l'aqua. J'ai sauvé ça. Ce qui devrait se passer, c'est que cette couleur devient verte sur ce texte ici entouré d'une colonne bleue. C'est ainsi que nous mettons généralement la couleur avec l'ID et nous en faisons un style plus long. C'est ainsi que vous pouvez créer différentes parties du site Web. Les différentes couleurs ne sont pas des plages. Ici, voyons le meilleur code comme destination. Et nous aurions pu ici, c'est un cours. Au lieu de faire changer cette classe identité ce soir et la rend meilleure que je ne veux que vous appreniez. L'ID est égal à la destination. Alors, d'accord, changeons ça en div. J'ai changé tout le chemin ici. Donc, vous avez votre div ici. Faisons un autre pour découvrir le tag h2. Mieux encore, le codeur devrait voir que rien ne change beaucoup ici. Alors ce qui se passe, c'est si vous revenez ici puisque nous avons la div, appelons maintenant ce div id est égal à destination. Après cela, ce qui se passe, c'est si vous retournez ici, destination capable d'avoir une couleur de fond violet. Ce qui devrait arriver, c'est le libre-service mis à jour ne fonctionne pas. Je vais voir pourquoi cela ne fonctionne pas partir de là pour déterminer comment vous avez fait pour regarder essentiellement destination ici, le meilleur codeur divisé. Ici. Ce qui devrait se passer, c'est que si vous cliquez ici, cliquez ici, que se passe-t-il ? Il se met à jour. Beignet ici. Vous devez enregistrer chaque page sur page, HTML ou CSS pour pouvoir mettre à jour cette page. C'est tout pour cette vidéo, où nous regardons dans les prochaines vidéos, comment le poids de police, la taille de la police et le style de police ont changé. Et je vous verrai dans le prochain. 5. Appliquer des éléments de manière universelle à l'aide de Applying: Bonjour et bienvenue dans une autre vidéo de la classe CSS Skillshare. Et cette fois-ci, nous allons voir comment appliquer des propriétés infectées sur toute la page Web et la chose que nous appliquer des propriétés infectées sur toute la page Web et la chose que infectées sur toute la page Web et la chose examinerons aujourd'hui consiste à utiliser l'astérisque sélectionné. Donc, si je mets l' astérisque sélectionner ici, il arrive que je puisse appliquer une propriété, donc l'utilisation d'une bordure. Donc, si vous souhaitez appliquer une bordure spécifique à tous les sites Web, il suffit de frapper une bordure d'un pixel, couleur unie. Par conséquent, que se passera-t-il ? Devrait voir un tableau ou faire le tour de tout votre site Web et notre entoure. Alors, comment changer la couleur ? Encore une fois, nous pouvons mettre ça ici. Et cela changera également la couleur en fonction de l' épaisseur que vous souhaitez y aller. Si vous le rendez trop épais, cela peut également affecter l'intensité du look sur le site Web. Donc, moins c'est le cas, mieux c'est. Ça dépend de combien elle voulait vous avoir tous les deux la raison d'être apparue autour de certains mots parce qu'ils sont sous certaines rubriques et développeurs. C'est pourquoi le tableau apparaîtra. C'est ce que nous avons regardé en ce moment. Nous pouvons donc également ajuster la couleur d'arrière-plan, que vous pourriez avoir, disons, une couleur de plage. Cela vous donne une couleur pêche que vous pouvez changer en rouge. Et il vous donnera une couleur rouge. Et par conséquent, vous avez du jaune, pas de changement au jaune. C'est ainsi que vous pouvez réellement styler votre site Web afin de donner une couleur complètement différente. Il semble donc très intéressé par la façon dont vous pouvez utiliser la fonction astérisque. À cette fin, seule une bonne couleur se verrait attribuer un pH. Donc, vous montre comment cela fonctionne. Parfois, vous pouvez réellement avoir une erreur et cela ne fonctionnera pas. Assurez-vous donc de vérifier pourquoi n'a pas fonctionné en premier lieu. Cela vous aidera à améliorer complètement vos compétences, car si votre syntaxe correspond la manière dont vous écrivez le code est incorrecte, une erreur apparaîtra et la propriété exacte que vous n'afficherez pas puis. C'est tout pour cette vidéo. Et la prochaine, c'est que je vais aller plus loin sur façon dont vous pouvez le coiffer également. Merci d'avoir regardé ça et je vous verrai dans le prochain. 6. Ajouter une couleur changeante à la fois de la couleur de la planche: Bonjour et bienvenue dans une autre vidéo série Scotia ou du CSS allant du début au concepteur web. Et bien, je vais vous montrer comment vous pouvez rendre votre site Web plus interactif, surtout lorsque plus de personnes visitent votre site Web et récoltent certains de vos paragraphes. Disons donc que nous voulions avoir cette ligne verte ou verte en couleur. Et quand certains survolent la racine actuellement lorsque vous le survolez, il y a pas de couleur. La façon d'améliorer cela serait d' écrire les éléments suivants sélectionnés. Écrivez donc l'espace deux-points P. Maintenant, la raison étant de refaire cela et de nous donner peu d'espace sans crochet bouclé ouvert, puis essayez simplement de colorer la cupidité de la ligne. Dis ça. Maintenant, ce qui devrait se passer, c'est votre couleur devrait essentiellement survoler quand elle est ici, alors cela semble beaucoup plus intéressant, ne change-t-elle pas de couleur lorsque vous survolez ? Maintenant, la prochaine chose que je vais faire est d'avoir une couleur d'arrière-plan. Épargons sur le bleu. Happens est en fait écraser la couleur bleue. La couleur verte ici. Il a l'air vert sous le bleu ici, ce qui le rend un peu plus intéressant qu'avant. Il y a donc une forme d' interaction, donc c'est CSS. Vous n'avez pas particulièrement besoin d' un autre langage de programmation comme JavaScript pour créer des couleurs. Css est un service très puissant et fournit l'arrière-plan coloré ainsi que les différents types de formatage que vous souhaitez sur votre site Web. Cela aide donc votre public à interagir davantage avec le site Web augmente le trafic, ainsi que le fait qu' il pense que vous êtes plus expérimenté et que vous créez des sites Web. Et en fait, nous avons appris cela écrivant quelques petits morceaux de code. Vous pouvez modifier son hôte hôte en haut de votre site Web. Encore une fois, c'est le genre d'interactivité du site Web. C'est tout pour cette vidéo qui fait le spectacle, qui est de vous aider à comprendre les différentes pauses de la façon dont vous pouvez créer un site Web de référentiel et à améliorer votre compréhension de la création d'un site Web. dans l'ensemble. Merci d'avoir regardé cette vidéo si elle vous a plu, veuillez continuer à regarder ce cours de Skillshare. Et j'espère que vous vous joindrez à nous et nous vous verrons dans le prochain. 7. Cours: Bonjour, et bienvenue à l'autre redu de la classe CSS Scotia pendant que nous examinons comment nous pouvons utiliser ce qu' appelle des classes pour rendre votre site Web plus interactif. Donc, si vous revenez aux vidéos précédentes, vous verrez que j'ai discuté de l' ID de consultant et de la façon dont vous pouvez utiliser un hashtag spécifiquement pour utiliser l' informatique pour colorer votre site Web. Ok, alors cette fois, nous examinons les cours et la différence entre les classes et les identifiants. Commencez par le cours. Vous l'avez ici dans la section intégrée de Davis. Vous verrez que la destination est un hashtag. destination avec la classe dont nous avons besoin est la classe de points. Donc, dans ce cas, un gros titre. C'est ce que nous voulons changer de couleur, donc son signe. C'est faux. Si je ne fais que rafraîchir cette page, ça arrivera. Est-il toujours là ? Donc, ce que nous devons faire ici, c'est sa lutte. Il suffit d'écrire un point. Retournez ici et il y a un titre de point. La couleur nous donne un couvre-sol. Cette invite de modification. donc clair que la différence entre, comme je l'ai mentionné, entre l'idée et les classes doit utiliser un point où la classe est appelée, comme le titre, puis les crochets bouclés, comme avant, les destinations de largeur , hashtags. C'est donc une bonne façon de se souvenir de celui que vous aimez. C'est à vous de décider si vous préférez l'informatique avec un hashtag, nous préférons classer la largeur complète pour cela et permet aux codeurs de passer plus facilement entre l' écriture de beaucoup de code dans le HTML, en spécifiant tout. Si vous pouvez simplement le lier à un nouveau fichier CSS, et cela rend votre code beaucoup plus net que tout le fichier HTML. Cela aide vraiment à briser tout ça. Maintenant, si je devais introduire le concept de polices, que vous puissiez avoir une taille de police, disons le titre, nous voulons que ce soit grand, disons le toucher. Il s'avère relativement petit, car définition préprogrammée suggère que c'est la science. Disons que si vous voulez l'ajuster, une dizaine de pixels sont donc plus petits. Maintenant, vous voulez l'agrandir, 100 pixels. Et c'est bon. meilleure chose est que d'utiliser le mot moyen ou grand, utiliser en fait la spécificité des pixels lui-même utilise un nombre spécifique de pixels rend un énorme Alex assez grand. Quelqu'un a été tonifié pour le rendre un peu plus petit. Ce genre de vidéoclip de rupture raisonnable qui regarde un arbre femme. Ce que nous avons appris ici, c'est comment utiliser la taille de police pour la couleur. Je veux la famille de polices. Vous pouvez avoir différentes sélections. Il suffit d'utiliser Second Geneva, ****** et sans empattement. Cela modifie complètement la famille de polices de votre paragraphe ou, dans ce cas, le titre. C'est tout pour cette vidéo. Je vous ai donc dit beaucoup de choses en ce moment. Je vous ai donc expliqué comment utiliser une classe, particulier le titre des points, la couleur, taille de la police, la façon dont vous ajustez la taille, la police et la famille de polices, c'est la façon dont vous tapez simplement une police qui l'accompagne. Encore une fois, j'espère que cela vous a plu et nous vous verrons le prochain. 8. Le texte aligné: Bonjour et bienvenue dans une autre vidéo cette série CSS où je vais examiner comment aligner votre texte en fonction des exigences de votre site Web et améliorer la lisibilité de votre site Web également. Vous pouvez donc voir ici tous les textes qui ont été alignés sur le côté gauche du site Web. Disons maintenant que si vous voulez vous aligner sur le centre et le rendre plus intéressant, attirer l'attention du public certaines parties de votre site Web que nous pouvons utiliser est quelque chose appelé un fonction de sélection d'alignement de texte. Disons donc que j'en ai un et que vous voulez vous aligner sur le texte ici. Maintenant, vous pouvez voir ici qu'il y a beaucoup de fonctions différentes. Nous allons examiner les grandes lignes des textes pour aujourd'hui, Centre. Dr Hit Save. Et ce qui se passe, c'est qu'il l'aligne vers le centre du site Web. C'est ainsi que vous vous alignez vers le centre et réalisez réellement ce que vous voulez. Que se passe-t-il si vous vouliez remettre à gauche à nouveau, vous pouvez simplement le faire. Et nous y retournerons tout de suite. Mais présentons. En utilisant certaines compétences professionnelles, vous mettrez cela à gauche. Cela va donc à gauche, tout de suite, devinez par deux et à droite, il se déplacera pour courir. Voyons maintenant si vous souhaitez l' aligner en fonction des éléments parents, à droite et à gauche. Donc, vous appelez personnellement justifié juste pour acheter signifie essentiellement que vous voulez raisonner les quantités. Ce site, il appartient à gauche car ville pour position. Et il veut y aller parce que sa position naturelle où vous voulez que votre texte soit super regardé, nous pouvons en fait ajuster selon nos souhaits. Maintenant, si vous deviez regarder d'autres parties différentes, maintenant, vous devez nuancer la couleur. Ok, couleur d'arrière-plan, dites aligner le texte. Voyons ce que nous avons, c'est que le centre se produira si vous alignez le texte au centre. Cela vous aide donc à tenir compte de la façon dont vous souhaitez planifier la couleur d'arrière-plan. Dans ce cas, il a amélioré un site Web. Et ensuite, nous appellerons cela ici en termes de liste. En revenant à notre code HTML, qui regarde ce que nous avons mis ici, puis nous mettons ceci en liste. C'est pourquoi il apparaît et vous pouvez modifier votre trimestre comme vous le souhaitez. Et en gros, si vous voulez bien lancer, ce sera le, ça n'a pas l'air si beau. Je vais donc défaire le centre à nouveau. Ça a l'air bien. Peut-être parce que le côté de l' actualité à gauche plus équivaut à différentes formes de textes qui vont partout. Donc, si nous revenons ici, nous gardons ça. Il s'agit du titre, du texte à ligne. C'est ce qui arriverait alors il devrait se déplacer vers l'arrière. C'est ainsi que cela fonctionne selon façon dont vous voudriez faire, c'est que nous venons de nous en débarrasser. Concentrez-vous simplement là-dessus spécifiquement. Maintenant, si nous allons ici, aligner le texte, droite, le moteur de texte à droite et à gauche va vers la gauche. Et le simple fait de comprendre cela est un concept clé pour améliorer le code. Purement cause si vous savez où placer vos textes et que la tâche est tellement plus facile lors de la conception votre site Web, de sorte que vous n' avez pas à y penser. Quels textes vont là où si vous concevez sur une feuille de papier que vous vouliez écrire, utilisez les textes aligner. Chacun peut s'avérer être un outil puissant. Quoi qu'il en soit, c'est suffisant de ma part pour l'instant, pour cette vidéo. Les premières vidéos nous examinerons comment améliorer encore davantage le site Web. Merci de m'avoir écouté. Je vous verrai dans le prochain. 9. Images de fond dans CSS: Bonjour et bienvenue à la deuxième et dernière vidéo de la série Skills Skillshare. Pendant que nous examinons comment ajouter une image d'arrière-plan dans le fichier CSS afin de lier cette image à votre site Web consulté dans le cours précédent pour HTML et qui sera vu en cela, CSS peut essentiellement ajouter le images. En HTML, nous pouvons ajouter des images directement sur le site Web à l'aide du tour IMG. Maintenant, je vais vous apprendre à utiliser un sélecteur CSS spécifiquement si vous avez la classe, d' accord, alors, si nous revenons ici, ce que nous avons est l'image de classe div. Nous voulons donc sous-titrer un échange amusant de Star Wars et C est mis une image. Et je lierai cela pour être une image d' arrière-plan à une chose clé. Il ne fait attention qu'à cette image d'arrière-plan, URL, logos médicaux ici, que vous mettez automatiquement la presse enregistrer. Ce qui se passe, c'est que vous venez de nous mettre à jour après. Et c'est ainsi que vous , en tant qu'image dans vos fichiers, en regardant cela jusqu'à présent, nous avons commencé notre site Web beaucoup plus qu'auparavant. Return est ajouter quelques images afin d' augmenter réellement l'interactivité avec le site Web sont très simples mais basiques. À l'aide de cet outil puissant, l'image du haut, de l'image d'arrière-plan, vous pouvez en fait avoir les images en premier lieu et vous pouvez en fait seulement des quantités de cela. Vous voulez donc contenir tout cela pour être comme ça. Ce sera une petite image, mais les reproduira quand même. Disons que vous en avez un autre. première arrive, c'est qu' une image initiale a également changé la position des images. Allez à droite ou à gauche. Nous pouvons faire toutes sortes de choses différentes, surtout avec cela. Et merci d'avoir écouté cela et espère que vous avez apprécié ce cours et que je ferai une vidéo amusante. Nous sommes en mesure de regarder ci-dessous. Merci beaucoup et je vous verrai dans le prochain. 10. Conclu: Bonjour et bienvenue dans la vidéo finale dans l'introduction au CSS commençant à la conception web et une heure de la série Skillshare. Dans cette vidéo, je vais passer en revue les différents types de CSS, règles et de structures derrière lui. Appliquer les connaissances et s'appuyer sur HTML dans le cours précédent. Bien sûr, les projets que je vais mettre en place mais dans les projets ci-dessous. Oui, merci beaucoup d'avoir essayé cette session de compétences Scotia et de vous frayer un chemin à travers les différents cours et leçons sont passés et utilisez Visual Studio Code en téléchargeant ceci, En gros, ce que vous avez fait, c'est que vous avez créé votre propre site Web à l'aide de HTML, CSS. Je vous ai appris à travers toute la gamme de vidéos. Et ce cours est officiellement une introduction complète au CSS, commençant par un concepteur web. Merci de votre présence et de l'avenir, je vais faire un cours plus avancé sur la charge CSS qui vous apprendra comment construire sur vos bases et comment il améliore l'analogie d'une taupe. J'espère que ça vous a plu et je vous verrai dans la prochaine classe Skillshare qui sortira. Merci. Au revoir.