Syntaxe pour déclarer votre fichier CSS dans votre page WEB
Placez l'include de votre fichier CSS dans votre code HTML
Dans un premier temps, vous pouvez mettre directement des paramètres dans vos balises.
Exemple avec une balise DIV :
<div STYLE="margin-left:auto;margin-right:auto; position:relative;font-size:10pt;font-family:verdana;border: 2px black solid;" id="idMyDiv01">Contenu de la Div</div>
Placez le include de votre fichier CSS au début de votre page Web
Vous pouvez aussi placer directement votre CSS dans la page sans faire d'include
Différence entre les 2 déclarations
Exemple du code complet d'une page en PHP avec l'include d'un fichier CSS
<!DOCTYPE html>
<HTML lang="fr">
<HEAD>
<meta charset="utf-8" />
<LINK rel="stylesheet" type="text/css" href="style.css">
<title>Titre du site</title>
<meta name="Description" content="Description du site"/>
<meta name="author" content="Bob l'éponge" />
<meta name="Keywords" content="a, b, c"/>
<!-- déclaration des fichiers de scripts -->
<script type="text/javascript" src="/js/commonscripts.js"></script>
</HEAD>
<BODY>
<div id="bloc_page">
<?php
//Tiré de http://www.siteduzero.com/informatique/tutoriels/les-magic-quotes-ou-guillemets-magiques/desactiver-les-magic-quotes
//Cette option permet de retirer les magic quotes sur un serveur où c'est activé et où vous n'avez pas la main. C'est importante lorsque l'on poste récupère des valeurs de champs Input et textarea faute de quoi, par exemple, "C'est" deviendra "C\'est"
function stripslashes_r($var) // Fonction qui supprime l'effet des magic quotes
{
if(is_array($var)) // Si la variable passée en argument est un array, on appelle la fonction stripslashes_r dessus
{
return array_map('stripslashes_r', $var);
}
else // Sinon, un simple stripslashes suffit
{
return stripslashes($var);
}
}
if(get_magic_quotes_gpc()) // Si les magic quotes sont activés, on les désactive avec notre super fonction ! ;)
{
$_GET = stripslashes_r($_GET);
$_POST = stripslashes_r($_POST);
$_COOKIE = stripslashes_r($_COOKIE);
}
?>
</div> <!-- div bloc_page -->
</BODY>
</HTML>
Un bout de code pour montrer comment déclarer du CSS sans include
<!DOCTYPE html>
<HTML lang="fr">
<HEAD>
<meta charset="utf-8" />
<style>
p
{
color: blue;
}
</style>
<title>Titre du site</title>
<meta name="Description" content="Description du site"/>
<meta name="author" content="Bob l'éponge" />
<meta name="Keywords" content="a, b, c"/>
<!-- déclaration des fichiers de scripts -->
<script type="text/javascript" src="/js/commonscripts.js"></script>
</HEAD>
<BODY>
<div id="bloc_page">
<p>Mon texte en bleu via CSS</p>
</div> <!-- div bloc_page -->
</BODY>
</HTML>
Pages Web
| Site Web | Description |
|---|---|
| Openclassrooms.com | Openclassrooms : mettre en place le css |
| W3schools.com | CSS Reference |
Article(s) suivant(s)