C’est quoi le langage CSS ?
Comment écrire un code CSS ? Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ». Pourquoi séparer le HTML et le CSS ? Pourquoi utilise-t-on généralement du CSS ? Le CSS est généralement utilisé pour séparer le contenu (HTML, XHTML, XML) de sa mise en forme. Cela permet une maintenance simplifiée selon qu’il faille en modifier son aspect ou son contenu. Lire Le fond et la forme d’un document Web. Comment faire un bon CSS ? Dans un code CSS comme celui-ci, on trouve trois éléments différents : Où est conseillé de placer le code CSS ? Où est-il conseillé de placer le code CSS ? Bien que les 4 possibilités évoquées soient possibles, il est vivement déconseillé de placer le code CSS à l’intérieur du HTML dans le body. Quitte à l’inclure dans le fichier internet, il est plus intéressant de le placer dans les balises head. Quel est le rôle de JavaScript ? JavaScript est un langage de programmation qui permet de créer du contenu mis à jour de façon dynamique, de contrôler le contenu multimédia, d’animer des images, et tout ce à quoi on peut penser.21 sept. 2022
Comment créer un site web en HTML et CSS ?
Partie 2 – Mettez en forme vos pages avec CSS
Où se trouve le fichier CSS ?
Avec des feuilles de style internes, les instructions CSS sont situées dans le document HTML. Vous pouvez également intégrer du CSS au début du fichier HTML ou le placer dans le code source.24 août 2021
Qui a inventé le langage CSS ?
Les premiers développements. La première proposition de Cascading HTML Style Sheets formulée par Håkon Wium Lie retient l’attention de Dave Raggett, qui est alors le principal éditeur du projet de spécification HTML 3.0.
Quelles sont les balises CSS ?
Citons, par exemple, les balises
,
,
,
, ou ….Il y a trois façon de définir des styles CSS :
Comment créer un fichier CSS ?
Créer un fichier CSS Dans la boîte de dialogue, cliquez sur Feuilles de style CSS. Saisissez ensuite un nom pour votre feuille de style CSS et cliquez sur Créer.28 juin 2022
Comment écrire le CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel langage de programmation apprendre en 2022 ?
Voici les langages plébiscités en 2022 dans l’IT :
C’est quoi le programme Python ?
Le langage Python est un langage de programmation open source multi-plateformes et orienté objet. Grâce à des bibliothèques spécialisées, Python s’utilise pour de nombreuses situations comme le développement logiciel, l’analyse de données, ou la gestion d’infrastructures.10 mai 2021
Comment faire un fichier CSS ?
Créer un fichier CSS Cliquez sur l’l’icône de dossier folder dans l’angle supérieur gauche de l’écran pour développer le menu latéral. Cliquez ensuite sur Fichier > Nouveau fichier.28 juin 2022
Comment faire un lien CSS ?
Pour insérer un lien, on utilise la balise avec l’attribut href pour indiquer l’adresse de la page cible. Exemple : . On peut faire un lien vers une autre page de son site, simplement en écrivant le nom du fichier : .25 févr. 2022
Comment créer un code CSS ?
Créer un fichier CSS Dans la boîte de dialogue, cliquez sur Feuilles de style CSS. Saisissez ensuite un nom pour votre feuille de style CSS et cliquez sur Créer.28 juin 2022
Quel est la dernière version CSS ?
Les versions actuelles du HTML et CSS jusqu’au HTML5 en novembre 2014. Concernant le CSS, nous sommes passés de la version 1 en 1996 au CSS2 en 1998 puis finalement au CSS2.

Ou écrire le code CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel est le langage de programmation le plus difficile ?
Malbolge
Quel est le langage de programmation de YouTube ?
YouTube
Quel est le langage de programmation le plus utilisé au monde ?
Java
Quel est le meilleur langage de programmation ?
C++ C++ est un langage de programmation orientée objet (comblant les lacunes du langage C) considéré comme le meilleur langage quand il s’agit de créer des applications à grande échelle. Il est notamment utilisé pour développer des logiciels, des systèmes d’exploitation, des jeux vidéos et des moteurs de recherche.23 août 2022
Comment est coder une page Web ?
L’acteur fondamental du développement web est le couple HTML (Hyper Text Markup Langage) et CSS (Cascading Style Sheets). HTML n’est pas un langage de programmation (comme le JavaScript par exemple), c’est un langage de description.27 août 2019
Comment relier un fichier HTML et CSS ?
La balise
Comment ecrire un code CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Comment faire un CSS en HTML ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel langage utiliser pour créer une application ?
Java
Quel est le langage de programmation le plus utilisé en 2022 ?
Python
Quel langage apprendre en 2022 ?
Voici les langages plébiscités en 2022 dans l’IT :
Quel est le langage le plus rapide ?
C++
Quel est le langage de programmation le plus difficile à apprendre ?
Malbolge
Quel langage informatique 2022 ?
JavaScript
Quel est le meilleur langage de programmation pour le web ?
Les langages de programmation les plus utilisés en 2022 Il est suivi par les langages HTML/CSS (55 %), SQL (49 %) et Python (48 %). Cependant, du côté des développeurs qui apprennent encore à coder, HTML/CSS arrive 1er (63 %), suivi de JavaScript (60 %) et Python (58 %).4 juil. 2022
Comment faire une page en CSS ?
Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d’usage de lui faire porter l’extension . css ( style. css par exemple). On la liera ensuite à la page html à l’aide d’un link placé dans l’en-tête de la page (pas de panique !2 déc. 2017
Comment créer une feuille de style CSS ?
Créer un fichier CSS Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception. Cliquez sur l’l’icône de dossier folder dans l’angle supérieur gauche de l’écran pour développer le menu latéral. Cliquez ensuite sur Fichier > Nouveau fichier.28 juin 2022
Où se place le CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel est le meilleur langage pour créer un site web ?
C’est tout sur les meilleurs langages de programmation pour le développement WEb en 2021. Comme vous avez pu le constater, JavaScript est le roi du développement Web ! Cependant, Python est tout aussi bon. Quant à PHP et Ruby, ce sont les langages les plus faciles pour créer des applications Web.19 avr. 2021
Quel est le langage de programmation le plus facile à apprendre ?
Python
Quel langage pour créer un site web ?
PHP
Quel langage pour coder ?
En résumé, Python est le langage le plus facile à apprendre, C++ est le plus puissant, Javascript est le plus demandé, et Java a la meilleure longévité.23 août 2022
bonjour à tous et bienvenue dans cette vidéo pour comprendre ce qu’est le css le cssc quoi le css ça veut dire cascades inc style sheets c’est un langage de programmation qui permet de styliser des pages web est ce que je vous propose c’est de voir directement à quoi ça ressemble et qu’est ce que ça fait j’ai ici une page index pour html qui se trouve là et j’ai des éléments html qui sont dans la page je vais créer juste à côté une page qui s’appelait style point css point seas indique que le type de page que je vais écrire c’est du css voilà et je vais relier en fait cette page style point css à ma première page html de cette façon là de façon à ce que tous que j’écrive sur la page style point css s’applique à la page index point html dès lors le css ça s’écrit comment le css ça reprend en fait les balises les classes les heidi que l’on a mis dans son html et une fois qu’on a par exemple écrit h 20 on va ouvrir en fait des accolades et toutes les aides tout ce qui sera écrit dans les accolades impact aura le h1 qu’on a ciblé dans ce cas par exemple et je viens de la ligne je veux que mon achat est une couleur blue j’enregistre je mets à jour j’ai bien relier mon style point css et si je mets à jour on voit que mon titre a changé c’est à ça que sert le css il sert à styliser au maximum les polices les couleurs les les typographies les fonds les fonds de wight tout tout le css permet de styliser entièrement un site sur facebook le css et un impact par exemple la couleur du leader la taille des colonnes et tout le reste on a vu que j’ai ciblé ici le achats mais admettons que jamais de à chaque page principale on va mettre voilà mettons qu’on ait deux titres page principale mais admettons que je voudrais avoir que le premier titre en bleu est pas le second le problème c’est que l’actuel mans je cible tous les âges fin qui sont reliés à cette page là mais à ce que je peux faire c’est que je peux attribuer une classe qui s’appelle seconde à riz par exemple alors on écrirait plus toute petite seconde à rennes et en fait je vais cibler uniquement en fait dit ‘le second dari voilà on va dire que je vais mettre que le deuxième titre en bleu est pas le premier est bien une classe on peut l’assimiler de cette façon là on écrit d’abord un point et ensuite on écrit titeuf seconde arrive c’est à dire la classe qu’on a ciblé et tout le style de titeuf seconde harry s’appliquera à tout ce qui se trouve dans le h1 et titre second mari lui je veux le mettre en fait en rouge j’enregistre je mets à jour et on voit que la classe en fait à supplanter la valeur que j’ai attribué à la balise de base h ces attributs ici par exemple la tribu color il en existe de nombreux et c’est ce qui nous permettra en fait de déterminer un style très précis par exemple si je veux mettre souligné le titre seconde arrive jamais très text decoration underline si je veux qu’ils soient au centre et non pas sur la gauche je mettrai texte aligne ses heures si je veux qu’ils soient invisibles je lui mettrais une opacité 2 0 si je veux qu’il soit à moitié invisible je lui mets une opacité de 0,5 ce qu’il faut comprendre c’est qu’il existe de très nombreux attributs que l’on peut attribuer donc à des classes d’éléments html maintenant on voit qu’ici j’ai un lien et j’aimerais que cela soit tout le temps d’une certaine couleur ce que je vais faire c’est que je vais recommencer et je vais lui attribuer une color yellow j’enregistre et jamais un jour on voit que la couleur et l’eau est passée bon c’est pas c’est pas la couleur yellow c’est pas génial on va le mettre en pink j’enregistre et on voit qu’il est en rose voilà mes skis je voulais une couleur très spécial je pourrais lui attribue la tribu est ce qu’on appelle un hexagone heureusement j’ai un color picker sur mon élément et vous allez voir que avec l’exode que je vais lui passer par exemple on va dire qu’on veut un bleu un bleu plutôt foncée puisque j’aime l’info voilà à celui attribué un exode qui est une couleur est automatiquement le navigateur va enregistrer le lien en question maintenant revenons dans notre index fra.html et admettons que j’aie une division qui va s’appeler par exemple en tête en plus tôt mind mainside aller mainside et à l’intérieur je vais lui mettre un paragraphe par paragraphe très haut non pas du tout même pas du tout est en dessous je vais lui mettre par exemple aller une liste oh je vais recommencer chaque une liste qui est ici chaque club ben hammam 1 2 et 3 et on va mettre éléments hop on leur a dit de cette façon là voilà admettons que je veuille en fait ciblé my side et b c’est la même chose mais vous allez voir que ce qui va se passer je vais mettre un fond à mainside wagon alors je vais lui mettre un fond vert qu’est ce qui va se passer ce n’est pas seulement mainside ici ces deux éléments ses deux balises qui vont prendre le fonds vert mais tout ce qui est à l’intérieur de la balise mainside et si je mets à jour on voit très bien que ma balise mainside a pris entièrement la couleur verte je tousse que je vais attribué à mainside va s’appliquer à mes éléments up si je veux le mettre un padding 30 pixels hop je lui mets un padding 30 pixels si je veux qu’il soit élargi du top je lui mets margin top 2 15 pixels j’enregistre bam voilà à quoi sert le css dernier petit exemple on voit ici que j’ai une liste et admettons que je voudrais sélectionnés le deuxième élément de la liste et je lui applique le pseudo éléments first time je vais le mettre en grains et je veux le mettre en jaune voilà et quand je mets à jour on le voir bam hills mais en jaune et en gras si je voudrais cibler le dernier c’est l’as child que j’utiliserai et si je voudrais cibler le second j’utiliserai mth child avec le numéro de la position de l’élément nous l’avons vu le css ça permet de styliser mais il existe ce qu’on appelle des frameworks qui permettent d’appliquer beaucoup de steve d’un coup et de ne pas réécrire à chaque fois tout ce css le plus connu ça reste bootstrap bootstrap en fait vous permet d’importer directement beaucoup de style si vous vous rendez sur bootstrap point fr vous voyez qui si vous avez le lien de la version mini fier et on voit que c’est un fichier css que vous pouvez importer ici dans votre html comme nous l’avons fait au début j’ai vient d’importer bootstrap et vous allez voir que les polices vont changer de fonte et que certains styles vont s’appliquer et si je mets à jour bam on voit que la police a changé et tout le reste pourquoi parce que j’ai importé bootstrap de leur site officiel la version mini fier c’est à dire la version compressée de leur version de css et si j’ouvre mon inspecteur pour aller voir le style qui s’est impliqué on voit ici que j’ai énormément de css qui est requis c’est un pur et que je n’ai pas écrit mais tous ceux cssc en vérité la norme bootstrap qui vous permet de faire quoi mais qui vous permet simplement d’importer des éléments comme des containers par exemple comme des médias qu eric qui vous permettront de faire du responsive comme par exemple le flex hop le flex c’est très important ça vous permet de faire des colonnes très rapidement avant de terminer cette vidéo on va créer une des classes containers avec un p ceci est mon site or ceci est ma description on va lui mettre un titre à mon ceci est mon titre en fait on a même le mettre dans un leader et je mets à jour on voit que je suis décalé par rapport aux bords tout simplement parce que bootstrap a déjà fait le travail de centraliser en fait les marges les écarts les images et tout le reste ce qui m’a fait gagner énormément de temps c’est du code que je n’ai pas eu à écrire je vais donc me servir de bootstrap pour créer mon site petit à petit ici j’ai créé mon reader vous voyez je les fais rentrer dans une classe containers mais à mais admettons que je voudrais faire trois colonnes comme on l’a vu ici admettons que je voudrais faire par exemple trois colonnes central de cette façon là eh bien il s’y fier du code que je peux copier directement et importés et grâce en fait grâce aux balises et grâce aux codes qui est ici c’est ce pré écrit je peux directement créés des colonnes très vite sans avoir à les travailler à travailler leur largeur à travailler leur responsabilité si je puis dire c’est à dire que quand je réduis l’écart de la fenêtre les une passe les unes en dessous des autres et tout ça et c’est si nous faisons un petit tour sur par exemple le monde.fr et que je clic droit et j’inspecte je vais venir inspecter par exemple ce bouton est ici on voit le code css qui est écrit qui lui donne sa couleur sa taille et tout le reste si je voudrais si je voulais changer sa couleur par exemple localement je le ferai ici et on voit que ce la bordure chances de couleurs on le voit ici aussi il exactement si je change la couleur du bouton bam j’ai pu changer localement sur mon navigateur la couleur du css voilà c’est à ça que sert et css j’espère que cette vidéo vous aura aidé à comprendre ce qu’est le css et comment le reconnaître merci beaucoup et à bientôt
, ou ….Il y a trois façon de définir des styles CSS :
Comment créer un fichier CSS ?
Créer un fichier CSS Dans la boîte de dialogue, cliquez sur Feuilles de style CSS. Saisissez ensuite un nom pour votre feuille de style CSS et cliquez sur Créer.28 juin 2022
Comment écrire le CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel langage de programmation apprendre en 2022 ?
Voici les langages plébiscités en 2022 dans l’IT :
C’est quoi le programme Python ?
Le langage Python est un langage de programmation open source multi-plateformes et orienté objet. Grâce à des bibliothèques spécialisées, Python s’utilise pour de nombreuses situations comme le développement logiciel, l’analyse de données, ou la gestion d’infrastructures.10 mai 2021
Comment faire un fichier CSS ?
Créer un fichier CSS Cliquez sur l’l’icône de dossier folder dans l’angle supérieur gauche de l’écran pour développer le menu latéral. Cliquez ensuite sur Fichier > Nouveau fichier.28 juin 2022
Comment faire un lien CSS ?
Pour insérer un lien, on utilise la balise avec l’attribut href pour indiquer l’adresse de la page cible. Exemple : . On peut faire un lien vers une autre page de son site, simplement en écrivant le nom du fichier : .25 févr. 2022
Comment créer un code CSS ?
Créer un fichier CSS Dans la boîte de dialogue, cliquez sur Feuilles de style CSS. Saisissez ensuite un nom pour votre feuille de style CSS et cliquez sur Créer.28 juin 2022
Quel est la dernière version CSS ?
Les versions actuelles du HTML et CSS jusqu’au HTML5 en novembre 2014. Concernant le CSS, nous sommes passés de la version 1 en 1996 au CSS2 en 1998 puis finalement au CSS2.

Ou écrire le code CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel est le langage de programmation le plus difficile ?
Malbolge
Quel est le langage de programmation de YouTube ?
YouTube
Quel est le langage de programmation le plus utilisé au monde ?
Java
Quel est le meilleur langage de programmation ?
C++ C++ est un langage de programmation orientée objet (comblant les lacunes du langage C) considéré comme le meilleur langage quand il s’agit de créer des applications à grande échelle. Il est notamment utilisé pour développer des logiciels, des systèmes d’exploitation, des jeux vidéos et des moteurs de recherche.23 août 2022
Comment est coder une page Web ?
L’acteur fondamental du développement web est le couple HTML (Hyper Text Markup Langage) et CSS (Cascading Style Sheets). HTML n’est pas un langage de programmation (comme le JavaScript par exemple), c’est un langage de description.27 août 2019
Comment relier un fichier HTML et CSS ?
La balise
Comment ecrire un code CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Comment faire un CSS en HTML ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel langage utiliser pour créer une application ?
Java
Quel est le langage de programmation le plus utilisé en 2022 ?
Python
Quel langage apprendre en 2022 ?
Voici les langages plébiscités en 2022 dans l’IT :
Quel est le langage le plus rapide ?
C++
Quel est le langage de programmation le plus difficile à apprendre ?
Malbolge
Quel langage informatique 2022 ?
JavaScript
Quel est le meilleur langage de programmation pour le web ?
Les langages de programmation les plus utilisés en 2022 Il est suivi par les langages HTML/CSS (55 %), SQL (49 %) et Python (48 %). Cependant, du côté des développeurs qui apprennent encore à coder, HTML/CSS arrive 1er (63 %), suivi de JavaScript (60 %) et Python (58 %).4 juil. 2022
Comment faire une page en CSS ?
Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d’usage de lui faire porter l’extension . css ( style. css par exemple). On la liera ensuite à la page html à l’aide d’un link placé dans l’en-tête de la page (pas de panique !2 déc. 2017
Comment créer une feuille de style CSS ?
Créer un fichier CSS Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception. Cliquez sur l’l’icône de dossier folder dans l’angle supérieur gauche de l’écran pour développer le menu latéral. Cliquez ensuite sur Fichier > Nouveau fichier.28 juin 2022
Où se place le CSS ?
Il est possible d’écrire du code CSS dans l’entete d’un document HTML, dans la balise >head>. Il suffit pour cela de l’encadrer par une balise >style> ayant pour attribut type= »text/css ».
Quel est le meilleur langage pour créer un site web ?
C’est tout sur les meilleurs langages de programmation pour le développement WEb en 2021. Comme vous avez pu le constater, JavaScript est le roi du développement Web ! Cependant, Python est tout aussi bon. Quant à PHP et Ruby, ce sont les langages les plus faciles pour créer des applications Web.19 avr. 2021
Quel est le langage de programmation le plus facile à apprendre ?
Python
Quel langage pour créer un site web ?
PHP
Quel langage pour coder ?
En résumé, Python est le langage le plus facile à apprendre, C++ est le plus puissant, Javascript est le plus demandé, et Java a la meilleure longévité.23 août 2022
bonjour à tous et bienvenue dans cette vidéo pour comprendre ce qu’est le css le cssc quoi le css ça veut dire cascades inc style sheets c’est un langage de programmation qui permet de styliser des pages web est ce que je vous propose c’est de voir directement à quoi ça ressemble et qu’est ce que ça fait j’ai ici une page index pour html qui se trouve là et j’ai des éléments html qui sont dans la page je vais créer juste à côté une page qui s’appelait style point css point seas indique que le type de page que je vais écrire c’est du css voilà et je vais relier en fait cette page style point css à ma première page html de cette façon là de façon à ce que tous que j’écrive sur la page style point css s’applique à la page index point html dès lors le css ça s’écrit comment le css ça reprend en fait les balises les classes les heidi que l’on a mis dans son html et une fois qu’on a par exemple écrit h 20 on va ouvrir en fait des accolades et toutes les aides tout ce qui sera écrit dans les accolades impact aura le h1 qu’on a ciblé dans ce cas par exemple et je viens de la ligne je veux que mon achat est une couleur blue j’enregistre je mets à jour j’ai bien relier mon style point css et si je mets à jour on voit que mon titre a changé c’est à ça que sert le css il sert à styliser au maximum les polices les couleurs les les typographies les fonds les fonds de wight tout tout le css permet de styliser entièrement un site sur facebook le css et un impact par exemple la couleur du leader la taille des colonnes et tout le reste on a vu que j’ai ciblé ici le achats mais admettons que jamais de à chaque page principale on va mettre voilà mettons qu’on ait deux titres page principale mais admettons que je voudrais avoir que le premier titre en bleu est pas le second le problème c’est que l’actuel mans je cible tous les âges fin qui sont reliés à cette page là mais à ce que je peux faire c’est que je peux attribuer une classe qui s’appelle seconde à riz par exemple alors on écrirait plus toute petite seconde à rennes et en fait je vais cibler uniquement en fait dit ‘le second dari voilà on va dire que je vais mettre que le deuxième titre en bleu est pas le premier est bien une classe on peut l’assimiler de cette façon là on écrit d’abord un point et ensuite on écrit titeuf seconde arrive c’est à dire la classe qu’on a ciblé et tout le style de titeuf seconde harry s’appliquera à tout ce qui se trouve dans le h1 et titre second mari lui je veux le mettre en fait en rouge j’enregistre je mets à jour et on voit que la classe en fait à supplanter la valeur que j’ai attribué à la balise de base h ces attributs ici par exemple la tribu color il en existe de nombreux et c’est ce qui nous permettra en fait de déterminer un style très précis par exemple si je veux mettre souligné le titre seconde arrive jamais très text decoration underline si je veux qu’ils soient au centre et non pas sur la gauche je mettrai texte aligne ses heures si je veux qu’ils soient invisibles je lui mettrais une opacité 2 0 si je veux qu’il soit à moitié invisible je lui mets une opacité de 0,5 ce qu’il faut comprendre c’est qu’il existe de très nombreux attributs que l’on peut attribuer donc à des classes d’éléments html maintenant on voit qu’ici j’ai un lien et j’aimerais que cela soit tout le temps d’une certaine couleur ce que je vais faire c’est que je vais recommencer et je vais lui attribuer une color yellow j’enregistre et jamais un jour on voit que la couleur et l’eau est passée bon c’est pas c’est pas la couleur yellow c’est pas génial on va le mettre en pink j’enregistre et on voit qu’il est en rose voilà mes skis je voulais une couleur très spécial je pourrais lui attribue la tribu est ce qu’on appelle un hexagone heureusement j’ai un color picker sur mon élément et vous allez voir que avec l’exode que je vais lui passer par exemple on va dire qu’on veut un bleu un bleu plutôt foncée puisque j’aime l’info voilà à celui attribué un exode qui est une couleur est automatiquement le navigateur va enregistrer le lien en question maintenant revenons dans notre index fra.html et admettons que j’aie une division qui va s’appeler par exemple en tête en plus tôt mind mainside aller mainside et à l’intérieur je vais lui mettre un paragraphe par paragraphe très haut non pas du tout même pas du tout est en dessous je vais lui mettre par exemple aller une liste oh je vais recommencer chaque une liste qui est ici chaque club ben hammam 1 2 et 3 et on va mettre éléments hop on leur a dit de cette façon là voilà admettons que je veuille en fait ciblé my side et b c’est la même chose mais vous allez voir que ce qui va se passer je vais mettre un fond à mainside wagon alors je vais lui mettre un fond vert qu’est ce qui va se passer ce n’est pas seulement mainside ici ces deux éléments ses deux balises qui vont prendre le fonds vert mais tout ce qui est à l’intérieur de la balise mainside et si je mets à jour on voit très bien que ma balise mainside a pris entièrement la couleur verte je tousse que je vais attribué à mainside va s’appliquer à mes éléments up si je veux le mettre un padding 30 pixels hop je lui mets un padding 30 pixels si je veux qu’il soit élargi du top je lui mets margin top 2 15 pixels j’enregistre bam voilà à quoi sert le css dernier petit exemple on voit ici que j’ai une liste et admettons que je voudrais sélectionnés le deuxième élément de la liste et je lui applique le pseudo éléments first time je vais le mettre en grains et je veux le mettre en jaune voilà et quand je mets à jour on le voir bam hills mais en jaune et en gras si je voudrais cibler le dernier c’est l’as child que j’utiliserai et si je voudrais cibler le second j’utiliserai mth child avec le numéro de la position de l’élément nous l’avons vu le css ça permet de styliser mais il existe ce qu’on appelle des frameworks qui permettent d’appliquer beaucoup de steve d’un coup et de ne pas réécrire à chaque fois tout ce css le plus connu ça reste bootstrap bootstrap en fait vous permet d’importer directement beaucoup de style si vous vous rendez sur bootstrap point fr vous voyez qui si vous avez le lien de la version mini fier et on voit que c’est un fichier css que vous pouvez importer ici dans votre html comme nous l’avons fait au début j’ai vient d’importer bootstrap et vous allez voir que les polices vont changer de fonte et que certains styles vont s’appliquer et si je mets à jour bam on voit que la police a changé et tout le reste pourquoi parce que j’ai importé bootstrap de leur site officiel la version mini fier c’est à dire la version compressée de leur version de css et si j’ouvre mon inspecteur pour aller voir le style qui s’est impliqué on voit ici que j’ai énormément de css qui est requis c’est un pur et que je n’ai pas écrit mais tous ceux cssc en vérité la norme bootstrap qui vous permet de faire quoi mais qui vous permet simplement d’importer des éléments comme des containers par exemple comme des médias qu eric qui vous permettront de faire du responsive comme par exemple le flex hop le flex c’est très important ça vous permet de faire des colonnes très rapidement avant de terminer cette vidéo on va créer une des classes containers avec un p ceci est mon site or ceci est ma description on va lui mettre un titre à mon ceci est mon titre en fait on a même le mettre dans un leader et je mets à jour on voit que je suis décalé par rapport aux bords tout simplement parce que bootstrap a déjà fait le travail de centraliser en fait les marges les écarts les images et tout le reste ce qui m’a fait gagner énormément de temps c’est du code que je n’ai pas eu à écrire je vais donc me servir de bootstrap pour créer mon site petit à petit ici j’ai créé mon reader vous voyez je les fais rentrer dans une classe containers mais à mais admettons que je voudrais faire trois colonnes comme on l’a vu ici admettons que je voudrais faire par exemple trois colonnes central de cette façon là eh bien il s’y fier du code que je peux copier directement et importés et grâce en fait grâce aux balises et grâce aux codes qui est ici c’est ce pré écrit je peux directement créés des colonnes très vite sans avoir à les travailler à travailler leur largeur à travailler leur responsabilité si je puis dire c’est à dire que quand je réduis l’écart de la fenêtre les une passe les unes en dessous des autres et tout ça et c’est si nous faisons un petit tour sur par exemple le monde.fr et que je clic droit et j’inspecte je vais venir inspecter par exemple ce bouton est ici on voit le code css qui est écrit qui lui donne sa couleur sa taille et tout le reste si je voudrais si je voulais changer sa couleur par exemple localement je le ferai ici et on voit que ce la bordure chances de couleurs on le voit ici aussi il exactement si je change la couleur du bouton bam j’ai pu changer localement sur mon navigateur la couleur du css voilà c’est à ça que sert et css j’espère que cette vidéo vous aura aidé à comprendre ce qu’est le css et comment le reconnaître merci beaucoup et à bientôt

bonjour à tous et bienvenue dans cette vidéo pour comprendre ce qu’est le css le cssc quoi le css ça veut dire cascades inc style sheets c’est un langage de programmation qui permet de styliser des pages web est ce que je vous propose c’est de voir directement à quoi ça ressemble et qu’est ce que ça fait j’ai ici une page index pour html qui se trouve là et j’ai des éléments html qui sont dans la page je vais créer juste à côté une page qui s’appelait style point css point seas indique que le type de page que je vais écrire c’est du css voilà et je vais relier en fait cette page style point css à ma première page html de cette façon là de façon à ce que tous que j’écrive sur la page style point css s’applique à la page index point html dès lors le css ça s’écrit comment le css ça reprend en fait les balises les classes les heidi que l’on a mis dans son html et une fois qu’on a par exemple écrit h 20 on va ouvrir en fait des accolades et toutes les aides tout ce qui sera écrit dans les accolades impact aura le h1 qu’on a ciblé dans ce cas par exemple et je viens de la ligne je veux que mon achat est une couleur blue j’enregistre je mets à jour j’ai bien relier mon style point css et si je mets à jour on voit que mon titre a changé c’est à ça que sert le css il sert à styliser au maximum les polices les couleurs les les typographies les fonds les fonds de wight tout tout le css permet de styliser entièrement un site sur facebook le css et un impact par exemple la couleur du leader la taille des colonnes et tout le reste on a vu que j’ai ciblé ici le achats mais admettons que jamais de à chaque page principale on va mettre voilà mettons qu’on ait deux titres page principale mais admettons que je voudrais avoir que le premier titre en bleu est pas le second le problème c’est que l’actuel mans je cible tous les âges fin qui sont reliés à cette page là mais à ce que je peux faire c’est que je peux attribuer une classe qui s’appelle seconde à riz par exemple alors on écrirait plus toute petite seconde à rennes et en fait je vais cibler uniquement en fait dit ‘le second dari voilà on va dire que je vais mettre que le deuxième titre en bleu est pas le premier est bien une classe on peut l’assimiler de cette façon là on écrit d’abord un point et ensuite on écrit titeuf seconde arrive c’est à dire la classe qu’on a ciblé et tout le style de titeuf seconde harry s’appliquera à tout ce qui se trouve dans le h1 et titre second mari lui je veux le mettre en fait en rouge j’enregistre je mets à jour et on voit que la classe en fait à supplanter la valeur que j’ai attribué à la balise de base h ces attributs ici par exemple la tribu color il en existe de nombreux et c’est ce qui nous permettra en fait de déterminer un style très précis par exemple si je veux mettre souligné le titre seconde arrive jamais très text decoration underline si je veux qu’ils soient au centre et non pas sur la gauche je mettrai texte aligne ses heures si je veux qu’ils soient invisibles je lui mettrais une opacité 2 0 si je veux qu’il soit à moitié invisible je lui mets une opacité de 0,5 ce qu’il faut comprendre c’est qu’il existe de très nombreux attributs que l’on peut attribuer donc à des classes d’éléments html maintenant on voit qu’ici j’ai un lien et j’aimerais que cela soit tout le temps d’une certaine couleur ce que je vais faire c’est que je vais recommencer et je vais lui attribuer une color yellow j’enregistre et jamais un jour on voit que la couleur et l’eau est passée bon c’est pas c’est pas la couleur yellow c’est pas génial on va le mettre en pink j’enregistre et on voit qu’il est en rose voilà mes skis je voulais une couleur très spécial je pourrais lui attribue la tribu est ce qu’on appelle un hexagone heureusement j’ai un color picker sur mon élément et vous allez voir que avec l’exode que je vais lui passer par exemple on va dire qu’on veut un bleu un bleu plutôt foncée puisque j’aime l’info voilà à celui attribué un exode qui est une couleur est automatiquement le navigateur va enregistrer le lien en question maintenant revenons dans notre index fra.html et admettons que j’aie une division qui va s’appeler par exemple en tête en plus tôt mind mainside aller mainside et à l’intérieur je vais lui mettre un paragraphe par paragraphe très haut non pas du tout même pas du tout est en dessous je vais lui mettre par exemple aller une liste oh je vais recommencer chaque une liste qui est ici chaque club ben hammam 1 2 et 3 et on va mettre éléments hop on leur a dit de cette façon là voilà admettons que je veuille en fait ciblé my side et b c’est la même chose mais vous allez voir que ce qui va se passer je vais mettre un fond à mainside wagon alors je vais lui mettre un fond vert qu’est ce qui va se passer ce n’est pas seulement mainside ici ces deux éléments ses deux balises qui vont prendre le fonds vert mais tout ce qui est à l’intérieur de la balise mainside et si je mets à jour on voit très bien que ma balise mainside a pris entièrement la couleur verte je tousse que je vais attribué à mainside va s’appliquer à mes éléments up si je veux le mettre un padding 30 pixels hop je lui mets un padding 30 pixels si je veux qu’il soit élargi du top je lui mets margin top 2 15 pixels j’enregistre bam voilà à quoi sert le css dernier petit exemple on voit ici que j’ai une liste et admettons que je voudrais sélectionnés le deuxième élément de la liste et je lui applique le pseudo éléments first time je vais le mettre en grains et je veux le mettre en jaune voilà et quand je mets à jour on le voir bam hills mais en jaune et en gras si je voudrais cibler le dernier c’est l’as child que j’utiliserai et si je voudrais cibler le second j’utiliserai mth child avec le numéro de la position de l’élément nous l’avons vu le css ça permet de styliser mais il existe ce qu’on appelle des frameworks qui permettent d’appliquer beaucoup de steve d’un coup et de ne pas réécrire à chaque fois tout ce css le plus connu ça reste bootstrap bootstrap en fait vous permet d’importer directement beaucoup de style si vous vous rendez sur bootstrap point fr vous voyez qui si vous avez le lien de la version mini fier et on voit que c’est un fichier css que vous pouvez importer ici dans votre html comme nous l’avons fait au début j’ai vient d’importer bootstrap et vous allez voir que les polices vont changer de fonte et que certains styles vont s’appliquer et si je mets à jour bam on voit que la police a changé et tout le reste pourquoi parce que j’ai importé bootstrap de leur site officiel la version mini fier c’est à dire la version compressée de leur version de css et si j’ouvre mon inspecteur pour aller voir le style qui s’est impliqué on voit ici que j’ai énormément de css qui est requis c’est un pur et que je n’ai pas écrit mais tous ceux cssc en vérité la norme bootstrap qui vous permet de faire quoi mais qui vous permet simplement d’importer des éléments comme des containers par exemple comme des médias qu eric qui vous permettront de faire du responsive comme par exemple le flex hop le flex c’est très important ça vous permet de faire des colonnes très rapidement avant de terminer cette vidéo on va créer une des classes containers avec un p ceci est mon site or ceci est ma description on va lui mettre un titre à mon ceci est mon titre en fait on a même le mettre dans un leader et je mets à jour on voit que je suis décalé par rapport aux bords tout simplement parce que bootstrap a déjà fait le travail de centraliser en fait les marges les écarts les images et tout le reste ce qui m’a fait gagner énormément de temps c’est du code que je n’ai pas eu à écrire je vais donc me servir de bootstrap pour créer mon site petit à petit ici j’ai créé mon reader vous voyez je les fais rentrer dans une classe containers mais à mais admettons que je voudrais faire trois colonnes comme on l’a vu ici admettons que je voudrais faire par exemple trois colonnes central de cette façon là eh bien il s’y fier du code que je peux copier directement et importés et grâce en fait grâce aux balises et grâce aux codes qui est ici c’est ce pré écrit je peux directement créés des colonnes très vite sans avoir à les travailler à travailler leur largeur à travailler leur responsabilité si je puis dire c’est à dire que quand je réduis l’écart de la fenêtre les une passe les unes en dessous des autres et tout ça et c’est si nous faisons un petit tour sur par exemple le monde.fr et que je clic droit et j’inspecte je vais venir inspecter par exemple ce bouton est ici on voit le code css qui est écrit qui lui donne sa couleur sa taille et tout le reste si je voudrais si je voulais changer sa couleur par exemple localement je le ferai ici et on voit que ce la bordure chances de couleurs on le voit ici aussi il exactement si je change la couleur du bouton bam j’ai pu changer localement sur mon navigateur la couleur du css voilà c’est à ça que sert et css j’espère que cette vidéo vous aura aidé à comprendre ce qu’est le css et comment le reconnaître merci beaucoup et à bientôt