Membres
Exemples et explications CSS - Cours css
Exemples et explications CSS
Exemples et explications CSS
Définir un fichier CSS pour l'ensemble du site
Dans de nombreux cas, vous voudrez avoir des formats homogènes pour tous les fichiers HTML de votre site. Dans ce cas, vous n'avez pas besoin de déclarer les style dans chaque page. Vous pouvais juste faire tout vos style sur une autre page, en la nommant .css , et en l'incluant de cette façon :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Titre de la page</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<h1>Titre de votre site</h1>
<p>Le contenu de votre page en uilisant les styles prédéfini dans le fichier css.css</p>
<ul>
<li>liste 1</li>
<li>liste 2</li>
<li>liste 3</li>
<li>liste 4</li>
</ul>
<p>page trouvé sur le site <a href="http://www.graphiks.net" title="cours et entraide pour webmaster">www.graphiks.net</a></p>
</body>
</html>
Et voici la page css.css :
body {
background-color: #efefef;
font-family:Verdana;
font-size : 12px;
color:#000;
}
a:link {color : #646EB4; text-decoration : none;}
a:visited {color : #646EB4; text-decoration : none;}
a:hover {color : #242E74; text-decoration : underline;}
p { font-size: 14px ; margin-left : 4px;}
ul { color : #0000ff; font-family : Arial;}
h1 { color:darkred; font-size:18px; }
Le 20/08/2008 par Sky
http://www.graphiks.net
Les commentaires
-
Le 09-06-2007, Pollo a écrit :
Oki, ben voilà, déjà un peu plus "correcte" :D
-
Le 07-06-2007, Sky a écrit :
Bonjour, oui, tu as bien raison, j'ai mis à jours histoire que ce soit plus correct ! -
Le 07-06-2007, Pollo a écrit :
Bonjour.
Je voudrais juste signaler qu'il y a pas mal d'erreur dans votre fichier CSS.
font-family:Verdana;
=> Toujorus en mettre plusieures de polices on en sais jamais.
color:000000;
=> Il manque le "#"
margin-left:25;
margin-top:8;
margin-right:25;
=> Il manque les "px"
list-style-image : url(log/puce4.gif);
Ca serit pas mieu avec les ~"~, comme çà
list-style-image : url("log/puce4.gif");
Enfin c'est pas mal pour certains, mais ne recopiez pas ces atributs vous auriez quelques petites erreurs ;)
Pollo -
Le 03-08-2006, azer a écrit :
ezrzer
Nous - Plan du site - Informations légale - Contact - © Graphiks.net