Webdesign Index du Forum

Webdesign
Créations multimédias

 FAQFAQ   RechercherRechercher   MembresMembres   GroupesGroupes   BLOG Webdesign : Créations multimédias  Geoffrey Couppey - Portfolio  S’enregistrerS’enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

Où mettre le code CSS ?

 
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> CSS
Sujet précédent :: Sujet suivant  
Auteur Message
Geoffrey Couppey
Administrateur

Hors ligne

Inscrit le: 22 Sep 2008
Messages: 347
Localisation: Basse Normandie / Manche
Date de naissance: 12/04/1988
Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Lun 9 Mar - 23:50 (2009)    Sujet du message: Où mettre le code CSS ? Répondre en citant

Bonjour,

Vous le savez donc probablement maintenant, les CSS ne servent qu'a mettre en forme votre site, il est donc obligatoirement associé à du HTML, XHTML ou PHP.

Je suis certain que certain de vous se posent cette question : Où mettre le code CSS ?

Ne vous inquiétez pas, c'est une question assez courante chez les débutants.

Nous allons donc vous aider.

Sachez tout d'abord qu'il y a plusieurs façons de vous servir des CSS.

  1. Vous pouvez le placer directement dans votre page HTML.
  2. Vous pouvez extérieuriser la feuille de style et l'importer dans votre page HTML. (La vous vous dites Houlaaa !! c'est déjà compliqué ! Mais non, c'est assez simple, alors NO PANIQUE Wink  !)

Pour les débutants, le plus simple est la première solution.

Donc nous allons expliquer en premier lieu la 1ère solution.
Pour introduire du CSS dans votre page, vous devez dire à votre navigateur qu'il va rencontrer du code CSS.
Pour cela, Placez entre les balises Head la balise script :
Code:
<script type="text/CSS">

</script>

Ainsi vous n'avez plus qu'a écrire votre code entre les balises script :
Code:

<script type="text/CSS">
body
    {
       background:#f00;
    }


</script>


Ici nous avons simplement dis que le fond de votre page sera rouge.


Cette méthode est très simple, mais très inconvéniente, car pour avoir les mêmes pages, il vous faudra copier coller le code dans toutes les pages. Et donc une maintenance sera très longue, vous serez obligé de faire les modifications dans toutes les pages de votre sites !
Arrivé à 5 pages c'est déjà ingérable.

Pour cela il existe donc la deuxiéme solution. Celle d'extérioriser vos CSS.

Ainsi vous n'avez que deux lignes à mettre dans chaque page, et ensuite un seul fichier css à modifier et le tour est joué.

Pour extériorisé votre CSS, il suffit de placer ce code entre les balises Head :
Code:
<script type="text/CSS">

<link rel="stylesheet" type="text/css" href="css/style.css">

</script> 

Expliquons le un peu :

link rel="stylesheet" veut dire que vous faîte un lien ver un fichier : ici le fichier se nomme "style.css" et se trouve dans le dossier "css".
type indique le type de fichier, cela pourrait être type="text/javascript" par exemple pour un fichier javascript.
href indique le chemin que dois prendre le navigateur pour trouver le fichier donc ici : "css/style.css".

Voilà vous avez extériorisé votre CSS.

Maintenant vous avez plus qu'a créer un seul fichier nommé style.css pour tout votre site ! Pratique non?

Voilà j'espére que vous avez compris, sinon n'hésitez pas à poser des questions ^^ quelqu'un vous répondra j'en suis sûr ! Wink

N'hésitez pas non plus à critiquer et à me dire par MP quel endroits du tuto vous parrez flou afin que le tuto soit le plus simple possible ! Je l'éditerai ^^

Bye ! Smile
_________________

<a href="http://www.geoffreycouppey.fr">www.geoffreycouppey.fr</a>


Revenir en haut
Visiter le site web du posteur Skype
Publicité






MessagePosté le: Lun 9 Mar - 23:50 (2009)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
kibbas
Administrateur

Hors ligne

Inscrit le: 14 Oct 2008
Messages: 63
Date de naissance: 14/07/1989
Masculin

MessagePosté le: Mer 11 Mar - 14:03 (2009)    Sujet du message: Où mettre le code CSS ? Répondre en citant

Il n'y a pas plus clair comme tuto ^^
Merci Okay


Revenir en haut
Visiter le site web du posteur
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 11:21 (2017)    Sujet du message: Où mettre le code CSS ?

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> CSS
Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  

Index | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com