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>
4751 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
5 339 vues
Comprendre ce qu'est SASS et pourquoi il est utilisé
Qu'est-ce que SASS ?SASS, qui signifie Syntactically Awesome Style Sheets, est un préprocesseur CSS. Cela signifie qu'il s'agit d'un outil qui permet d'écrire du code CSS de manière plus efficace...
Sass
671 vues
Modification du contenu et des styles
Modification du Contenu et des Styles des Éléments HTML en JavaScriptLa modification du contenu et des styles des éléments HTML est une tâche courante en développement web. Cela permet de...
JS
10 650 vues
Valider son compte avec un mail
Dans cet article nous allons développer un système qui permettra d'envoyer un mail à votre nouvel utilisateur avec une clé afin de confirmer son compte sur votre site.Pour commencer il faudra...
Créer son site
1 655 vues
Afficher plus de conversation
Dans cette avant-dernière vidéo sur la création d’une messagerie interne nous allons personnaliser rapidement la page pour afficher les conversations et nous allons également corriger /...
Créer son site de rencontres
1 351 vues
Syntaxe de base : balises PHP, commentaires
Introduction à la syntaxe de base en PHPPHP utilise une syntaxe simple et flexible pour écrire du code côté serveur. Commençons par explorer les balises PHP et les commentaires, deux éléments...
PHP
1 389 vues
Sélecteurs de classe : appliquer des styles à des groupes d'éléments spécifiques
Sélecteurs de Classe : Appliquer des styles à des groupes d'éléments spécifiquesLes sélecteurs de classe sont des outils puissants en CSS qui permettent d'appliquer des styles à des groupes...
CSS
4 404 vues
Afficher un topic
Afficher un topic de notre forumDans notre dossier f_forum, nous allons créer une nouvelle page topic.php. Cette page affichera le topique créé par un de vos utilisateur.Nous allons...
Créer son site
2 230 vues
Configurer l'environnement de développement
Configuration de l'environnement de développement pour SASS1. Création d'une structure de projet :Avant de commencer à coder en SASS, il est important d'avoir une structure de projet organisée....
Sass
Publicité
Cette pub permet au site de vivre ...