Bonsoir
Rôles du HTML et du CSS
Le HTML constitue le contenu de la page, ce qui sera visible par l'utilisateur.
Mais pas que, le HTML apporte aussi tout un tas d'informations du genre la langue du site, les scripts javascript qu'il faudra exécuter, certains éléments de mise en page basique, et bien d'autres.
Le CSS ca va être l'habillage du site, la manière dont la contenu sera disposé. Il fonctionne en deux membres:
- Le sélecteur CSS, il peut être générique du genre p, h1, body, etc. ou plus précis comme #id_ma_balise, .ma_class, p.class_2
- Les attributs CSS, ce sont les propriétés qu'on va imposer à l'élément sélectionné. Par exemple sa couleur (color:), ses marges (margins:),...
CLASS & ID
Les class ce sont des sélecteurs CSS qui peuvent s'appliquer sur autant d'objet qu'on le souhaite, par exemple si on a 10 boutons sur la page et qu'on veut qu'ils aient tous la même apparence, on leur assignera la même class
▌<button class="les_boutons">Bouton</button>
▌<button class="les_boutons">Autre bouton</button>
Lorsqu'on changera les propriétés CSS de la class "les_boutons", tous les boutons qui ont cette class changeront.
Le sélecteur CSS sera .les_boutons puisque pour sélectionner une class un met un point devant
L'id c'est un sélecteur unique qui ne peut être utilisé que sur un seul objet, par exemple j'ai un bouton très spécifique que je veux pouvoir identifier
▌<button class="les_boutons" id="bouton_special">Bouton</button>
Le sélecteur CSS sera #bouton_special puisque pour sélectionner une id un met un hashtag devant
Voilà
J'espère que tout ça t'as aidé, si besoin tu peux me poser des questions en commentaire
Bonne soirée
