Le CSS permet de concevoir le design de votre site web. Le CSS agit sur des éléments HTML.


On peut intégrer le CSS de deux façons :


  • Directement sur les éléments de votre HTML,
  • Mettre le CSS dans un fichier au format .css que l'on inclura aux page .html à l'intérieur de la balise <head>.



Pour vous montrez au mieux voici 2 exemples montrant comment exploiter et utiliser le CSS.



Exemple 1 : Utilisation du CSS dans du HTML (utilisation de l'attribut style)


<div style="color: red">
  Mon exemple
</div>


Exemple 2 : Utilisation du CSS depuis un fichier .css qui est inclut dans une page .html


Fichier : style.css


.maclasse1{ 
  color: white; 
} 

#maclasse2{ 
  color: red; 
} 

p{ 
  color: purple; 
} 


Fichier : index.html


<div class="maclasse1">
  Mon texte sera blanc
</div>

<div id="maclasse2">
  Mon texte sera rouge
</div>

<p>
  Mon texte sera violet
</p>
4362 vues
Modifié le 26 février 2019
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
499 vues
Comprendre les concepts de marge, bordure, rembourrage et largeur/hauteur
Dans CSS, la mise en page des éléments est souvent influencée par quatre concepts clés : la marge, la bordure, le rembourrage et la largeur/hauteur. Comprendre ces concepts est essentiel pour...
CSS
3 144 vues
Les balises HTML et leur utilisation
Cours sur les Balises HTML et leur UtilisationLes balises HTML sont les éléments fondamentaux utilisés pour structurer le contenu d'une page Web. Chaque balise a un rôle spécifique dans la...
HTML
17 955 vues
Créer un profil PHP
Après avoir créé notre page de connexion et notre page d'inscription il est temps de créer un profil pour votre utilisateur !La page profil permettra plusieurs choses ! D'éditer ses informations...
Créer son site
3 931 vues
Afficher son article
Afficher son articleNous allons créer une nouvelle page que l'on nommera voir_article.php. Cette page affichera tous les articles qui constituerons notre blog.Nous allons modifier notre...
Créer son site
378 vues
Structures de contrôle : if, else if, else, switch
Structures de Contrôle en JavaScript1. Structure de Contrôle if :La structure de contrôle if permet d'exécuter des blocs de code conditionnellement, en fonction de l'évaluation d'une expression...
JS
10 221 vues
Supprimer le .php de vos URLs
Avant de mettre en ligne votre site, il faut tout d'abord apporter une dernière modification à votre site. Laquelle ? Et bien celle de supprimer les .php de vos URLs pour rendre votre site web plus...
Créer son site
2 570 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
2 224 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...