TUTOS.EU

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>
Lien vers le fichier : cliquez ici

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>

Lien vers le fichier : cliquez ici

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>

Lien vers le fichier : cliquez ici

Pages Web

Site WebDescription
Openclassrooms.comOpenclassrooms : mettre en place le css
W3schools.comCSS Reference