Ce tutorial va vous expliqué de manière simple ce qu'est le CSS et comment on l'emploi. On ne va expliqué que le "pourquoi" du CSS dans ce sujet parce que c'est quelque chose de très vaste.
CSS : "Cascading Style Sheets", ce qui peut se traduire en français par "Feuilles de style en cascade". Le fichier .css se met dans un fichier à part du fichier .html mais dans le fichier .html (qui doit être du XHTML) on fait des sorte de "liens" vers le fichier .CSS. L'extention du fichier est donc .css.
Toutes les informations qui concerne le design du site (couleur de fond, couleur du cadre, la taille du cadre etc...) sont mises dans le fichier.
C'est donc un fichier très utile et même très interessant pour accéléré votre site.
Pour activer le code qui est sencé rechercher les informations dans votre fichier CSS, il faut en donner l'ordre au navigateur dans votre page HTML (Ici, on admettra que le fichier est en xHTML 1.1, tant qu'a faire un site, autant le faire bien
).
Pour cela, collez ceci au début de votre page :
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
</head>
<body>
Maintenant, votre fichier style.css est activé. Vous pouver placer votre code xHTML entre les balises <body></body> mais ne definissez pas de couleur, police, alignement de texte, taille, position etc... dans vos balises (c'est du xHTML).
Mais comment définir tout ça dans le fichier style.css ?
Je vous propose de voir ca dans le tutorial suivant :wink:
