Outils personnels

Bases des feuilles de style

Permet de faire ma mise en page (forme). [En développement!!]

A partir de texte bien formaté, les feuilles de styles permettent d'avoir un style (police, couleur de la police, alignement, ...)  identique sur toutes les pages d'un site.

Dans un document : dans la balise <head>

<style type="text/css">
  h1 {color:green; font-style: italic;}
  h2 {color: blue; text-align: center; background-color:yellow;}
</style>


Hors du document (pour avoir le même style pour plusieurs page)

<link rel="stylesheet" type="text/css" href="" />
enlever background-color:yellow pour montrer que ça a été fait.

Lien vers balises :


classes et "cascading"

dans fichier.html

<p class="important">
<h1 class="important">

dans fichier.css :

.important {color:red;}
p.important {color:blue;}


division logique :
<div id="titre">

#id {
        font-size: 400%;
       font-variant : small-caps;
       text-align: center;
      }

Image en fond + "fixe"

dans fichier.css :
body  {background: url(img.jpg) fixed no-repeat;}

Ressources

Exemples de la puissance des CSS  :
Actions sur le document