Comment fait-on du CSS?
Il y a trois façons de mettre du style dans vos pages.
La première est localement, donc seulement cette page est affectée. Dans ce cas, vous pouvez définir vos instructions pour les balises directement dans le fichier HTML entre le code <head> et </head>de la façon suivante :
<head>
<style type="text/css">
<!--
p{color: #FF0000; font-weight: bold}
-->
</style>
</head>
La seconde façon est d'utiliser une page externe (css). Une feuille CSS c'est simplement une page de texte avec l'extension CSS. Vous pouvez donc utiliser simplement "Notepad" de Windows et enregistrer sous nomdevotrepage.css.
Dans la page css vous ajouter les attributs (voir plus loin) comme ceci :
p{color: #FF0000; font-weight: bold}
On sauvegarde et ensuite il ne reste qu'à ajouter la ligne ci –dessous:
<link rel="stylesheet" type="text/css" href=" nomdevotre page.css "/>
Dans l'en-tête du site (dans la partie entre les balises <head> et </head>) pour faire le lien entre les deux. Je vous recommande fortement cette façon de faire, car vous allez pouvoir gérer le visuel de tout votre site entier simplement par cette feuille :
Il est possible de définir plusieurs feuilles de styles. Ainsi, lorsque plusieurs feuilles de style externes sont appelées, on obtient ce que l'on appelle une cascade de styles, c'est-à -dire une combinaison de styles pour divers éléments HTML. Si plusieurs styles concernent le même élément, seul le dernier style sera conservé.
<link rel=stylesheet type="text/css" href="style1.css" />
<link rel=stylesheet type="text/css" href="style2.css" />
<link rel=stylesheet type="text/css" href="style3.css" />