Retourner à la section précédente :
Premiers pas
Cette page explique ce que sont les CSS. Vous y créerez un document simple avec lequel vous travaillerez au fil des pages suivantes.
Information : CSS, ce dont il s'agit
CSS est un langage permettant de spécifier comment les documents sont présentés à l'utilisateur.
Un document est une collection d'informations structurées à l'aide d'un langage de balisage (markup language).
|
Dans ce tutoriel, des boîtes nommées Détails supplémentaires comme celle ci-dessous contiennent des informations optionnelles. Si vous êtes pressé(e) d'avancer dans le tutoriel, vous pouvez passer ces boîtes, pour éventuellement revenir les lire plus tard. Sinon, lisez-les au fil de votre parcours, et suivez les liens pour en savoir plus.
|
Un document n'est pas la même chose qu'un fichier. Il peut ou non être stocké dans un fichier. Par exemple, le document que vous êtes en train de lire n'est pas stocké dans un fichier. Lorsque votre navigateur Web demande cette page, le serveur interroge une base de données et génère le document, assemblant les différentes parties depuis de nombreux fichiers. Cependant, dans ce tutoriel, vous travaillerez avec des documents stockés dans des fichiers. Pour plus d'informations à propos des documents et des langages de balisage, consultez les autres parties de ce site, par exemple :
Dans la partie II de ce tutoriel, vous verrez des exemples de ces langages de balisage. |
Présenter un document à l'utilisateur signifie le convertir dans une forme utilisable par un être humain. Mozilla est conçu pour présenter des documents visuellement, par exemple sur un écran d'ordinateur, un projecteur ou une imprimante.
| CSS ne sert pas uniquement aux navigateurs, ni pour des présentations visuelles. Dans la terminologie formelle CSS, le programme présentant un document à l'utilisateur est appelé
agent utilisateur
(user agent ou UA). Un navigateur est simplement une sorte d'UA. Cependant, dans la partie I de ce tutoriel, vous travaillerez uniquement avec CSS dans un navigateur.
Pour les définitions formelles de la terminologie liée à CSS, voir Définitions dans la spécification CSS. |
Action : création d'un document
Utilisez votre ordinateur pour créer un nouveau dossier et un nouveau fichier texte à l'intérieur de celui-ci. Ce fichier contiendra votre document.
Copiez et collez le HTML affiché ci-dessous. Enregistrez le fichier sous le nom doc1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Document de démonstration</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets </p> </body> </html>
Dans votre navigateur, ouvrez un nouvel onglet ou une nouvelle fenêtre, et ouvrez-y le fichier.
Vous devriez voir le texte avec les lettres initales en gras, comme ceci :
| Cascading Style Sheets |
Ce que vous voyez dans votre navigateur peut ne pas apparaître exactement comme cela, suivant les paramètres de votre navigateur et de ce wiki. S'il y a certaines différences dans la police, l'espacement et les couleurs, elles ne sont pas importantes.
Pour continuer
Retourner à la section suivant :
Pourquoi utiliser CSS
Votre document n'utilise pas encore CSS. Sur la page suivante, vous utiliserez CSS pour spécifier son propre style : Pourquoi utiliser CSS.