Apprends gratuitement à créer ton site !!



Les kit graphiques ont été téléchargés 22 fois.  -   RSS   Derniers flux : Nouveau kit graphique - Référencez votre site et faites vous connaitre - Script : Afficher la date et l'heure en temps réel - Script : Générateur de mot de passe - Script : Téléchargez un formulaire de contact tout fait

CSS .. c'est quoi ça ?!

Qu'est-ce que CSS ?

Le CSS, ça sert à rendre un site WEB .. comment dire ? Beau ^^
Il vous permet de décorer le fond de vos pages, d'appliquer un style bien précis à chaque texte, aussi à vos liens ( couleur, tailles .. ).

Comment ça marche ?

Un CSS peut s'appliquer à chacune de vos pages individuellement ou de manière identique.
Pour avoir le même style sur chacune de vos pages, il vous faudra appeler une feuille de style, on la verra plus tard.
Pour avoir un style unique sur une page, il vous faudra ajouter quelques lignes dans les balises <head> </head> de votre page.
Pour écrire un CSS dans une page, il vous suffit de le déclarer de cette façon :

  1. <html>
  2.  
  3. <head>
  4. <title> Mon premier CSS </title>
  5. <style type="text/css">
  6. /* Codes CSS */
  7. </style>
  8. </head>
  9.  
  10. <body>
  11. <!-- Ma page dans le Body -->
  12. </body>
  13.  
  14. </html>

Vous remarquerez le petit /* .. */ qui est la façon d'écrire un commentaire en CSS.
Il peut se faire sur plusieurs lignes étant donné que la balise s'ouvre et se ferme.

Héé oh ! Comment on appele une " feuille de style " ?

Tout d'abord, une feuille de style, c'est une page ( d'extension .css ) contenant votre code CSS.
C'est un très bon moyen pour donner un style à votre site tout en gardant votre page ( .html ou .php ) propre.

Pourquoi garde-t-il ma page propre ?

Une explication simple va vous éclaircir :
Tout votre code CSS ( qui peut faires parfois des centaines de lignes ) sera stocké sur une page externe.
Pour l'appliquer à votre page ( .html ou .php ), il vous suffira simplement d'une ligne à écrire et c'est comme si vos codes faisaient parti de cette page.
Cette ligne :
<link rel="stylesheet" href="adresse_de_la_page.css" type="text/css" title="Titre" /> permet d'appeler la feuille.

rel="stylesheet" permet de dire que cette feuille de style est votre feuille par défaut.
href="adresse_de_la_page.css" est l'adresse de votre feuille.
type="text/css" permet de préciser que l'objet appelé est un code CSS.
title="Titre" est le titre de votre feuille ( souvent appelé : Normal ).

Votre feuille de style contiendre simplement vos codes CSS et rien d'autre ( pas de HTML ni PHP ).

« Tuto

Kit Graphique Cust.er Production | © 2oo7 - 2oo9 Créer un site ι Accueil ι Flux rss ι Sitemap ι Plan du site ι Contact ι Haut