BlueGEEK Journal

Accueil > Programmes > Projets PHP pour Sites WEB > Charlemagne > 1- Le Projet (Mise en place / Discussion) > Discussion - CSS

Discussion - CSS

mercredi 14 avril 2010, par bluegyn_spip

VOIR LE PROJET EN COURS

- Testez vos connaissances en Obstétrique sur :

http://bluegyn.com/charlemagne/rcf_3/

====

- Chapitre rajouté pour les débutants sur les feuilles de style

http://bluegyn.com/spip/spip.php?ar...

====

- La feuille de style c’est l’indépendance entre la présentation et les données

- Dans un premier temps pour le débutant, on peut modifier à son gout toutes les balises classiques d’une page WEB

- BODY pour le corps du message

H1,H2,H3 .. pour les différentes entêtes

- Etc ... (tout peut être modifié)

- La feuille de style peut être intégrée au document, et les instructions doivent être placées dans l’entête de la page entre 2 balises "STYLE"

<STYLE>

body {

        background-color : blue;

}

</STYLE>

- Va colorer le fond de la page en bleu


- Le mieux est d’utiliser une feuille de style indépendante à lier à la page WEB comme indiqué dans l’article :

http://bluegyn.com/spip/spip.php?ar...

- Ce qui permet de transposer un style unique dans chaque page liée sans aucun effort supplémentaire (Cascading Sheet Style = CSS)


- Pour modifier une balise (prenons l’exemple de BODY)

  1. Il suffit de mettre le nom de la balise HTML (sans les < >)
  1. D’ouvrir une accolade
  1. De placer une propriété
  1. Suivi de 2 points :
  1. Puis de sa valeur
  1. Suivi d’un point virgule ;
  1. Puis de fermer l’accolade

- On trouvera toutes les références CSS à imprimer sur une feuille A4 sur ce genre de site :

http://refcards.com/subject/all

- Pour les pros on ne peut se passer de PSPAD, associé au module gratuit TopStyle-Lite

http://www.pspad.com/fr/download.php

====


- Le cas présenté est en cours d’élaboration, sa présentation comporte encore de nombreuses imperfections, c’est justement pour ça que nous le soumettons au concours amélioratif de tous.