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>
4481 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
641 vues
Sélection d'éléments HTML
Sélection d'Éléments HTML en JavaScriptLa sélection d'éléments HTML est une opération fondamentale en JavaScript. Cela permet d'interagir avec les éléments de la page web, de modifier leur...
JS
329 vues
Objets : création, propriétés, méthodes
Objets en JavaScript1. Création d'Objets :Un objet en JavaScript est une structure de données qui permet de stocker des collections de paires clé-valeur. Les clés sont des chaînes de caractères...
JS
4 180 vues
Ajouter des commentaires
Poster des commentaires sur vos articlesNous allons reprendre la page voir_article.php afin d'ajouter un formulaire qui permettra d'écrire un commentaire pour participer à...
Créer son site
471 vues
Création de formulaires avec <form>
Création de formulaires avec <form>La balise <form> est utilisée pour créer des formulaires interactifs dans une page HTML. Elle permet aux utilisateurs de saisir et de soumettre des...
HTML
2 109 vues
Comprendre la syntaxe pour insérer des données dans des colonnes spécifiques ou dans toutes les colonnes
1. Insertion de Données dans Toutes les Colonnes :Pour insérer des données dans toutes les colonnes d'une table, voici la syntaxe générale :INSERT INTO nom_de_la_table VALUES (valeur_colonne1,...
SQL
317 vues
Les callbacks
Les Callbacks en JavaScriptLes callbacks sont des fonctions passées en tant qu'arguments à d'autres fonctions, qui seront exécutées ultérieurement ou de manière asynchrone. Les callbacks sont...
JS
399 vues
Déclaration de fonctions
Déclaration de Fonctions en JavaScriptEn JavaScript, les fonctions sont des blocs de code réutilisables qui peuvent être appelés pour effectuer une tâche spécifique. Elles peuvent prendre des...
JS
690 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
Publicité
Cette pub permet au site de vivre ...