Ccs et html
Résolu
Bonjours,
j'ai créé une page de html et une autre de css et j'aimerais que les 2marche ensemble (le css soit valide sur ma page html).Vous pouvez m'indiqué la démarche a faire?
j'ai créé une page de html et une autre de css et j'aimerais que les 2marche ensemble (le css soit valide sur ma page html).Vous pouvez m'indiqué la démarche a faire?
Configuration: Windows XP Internet Explorer 7.0 Notepad++
6 réponses
-
Pour mettre du css il faut mettre :
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
Dans ce cas la la feuille de style s'appellera design.css
Si tu veux en savoir plus va ici https://openclassrooms.com/fr/courses#ss_part_1 -
Ah oui et il se place dans les balises <head>
-
j'ai fais tous ca comme le dit le site du zéro mais ca ne marche pas :(
-
Bonjour ,
si j'ai bien compris tu veux savoir comment intégrer ta page css dans ta page XHTML .
La meilleur solution est encore de nous envoyer le code pour voir ce que cela donne . -
dans ma page html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d'exemple pour tester le CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test_css.css" />
</head>
<body>
<h1>Découverte du CSS</h1>
<p>
Bonjour !<br />
Je suis une page XHTML <em>apparemment</em> banale, mais je sers en fait de test de fichier <acronym title="Cascading Style Sheets">CSS</acronym> pour les tutoriels du <a href="https://openclassrooms.com/fr/">Site du Zér0</a>
</p>
<h2>Ce n'est que du blabla</h2>
<p>
Comme l'a dit Neil Armstrong un certain 20 juillet 1969 : <q>C'est un petit pas pour l'Homme, un grand pas pour l'Humanité</q><br />
J'aime la choucroute en conserve.<br />
Vive les frites !
</p>
<p class="important" >
Quoi, ça ne veut rien dire ce que j'écris ? On s'en fout, c'est pour tester notre fichier .css rhalala ;o)
</p>
</body>
</html>
Dans ma page ccs: h1
{
color: blue; /* Les paragraphes seront bleus */
font-size: 18px; /* La taille de 18 pixels me semble pas mal */
} -
Vérifie 2 chose : que ta page CSS ce nomme bien test_css.css et non test-css.css et que le fichier CSS soit dans le même dossier que ton fichier XHTML .
Et puis ta page CSS la va agrandir et coloré tes titres (h1) et non tes paragraphes (p) .