Cours et tutoriels sur la création de site
Nos scripts
MySpeach
MySpeach est un chat php sans base de donnée, rapide, léger et facile à prendre en main. DEMO
MyPHPUpload
MyPHPUpload est un script d'upload sécurisé écrit en PHP. DEMO
GrapAgenda
Agenda PHP et MySQL avec comptes utilisateurs et administration. DEMO
Livre PHP
Exemples et explications CSS
Cours / tutoriel écrit le 17-06-2010 par sky
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 styles CSS dans chaque pages mais les inclures directement via la balise <link />.
Exemple avec <link rel="stylesheet" type="text/css" href="./css.css" /> :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<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 utilisant 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.viaphp.net" title="cours et entraide pour webmaster">www.viaphp.net</a></p>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<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 utilisant 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.viaphp.net" title="cours et entraide pour webmaster">www.viaphp.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; }
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; }
Commentaires
Brewal le 28-08-2010
"Vous pouvais juste faire tout vos style sur une autre page, en la nommant .css"
Sympa les fautes !
Hormis ça, il faudrait peut être faire ressortir la ligne de la balise <link/> pour aider à mieux comprendre.
Liens - Qui sommes-nous ? - Informations légales - Contact - © viaPHP.net