Styles en ligne

CSS dans la ligne.

La principale façon de définir les styles dans WikiDOT est d'utiliser Cascading Style Sheets. CSS est un langage destine à gérer l’apparence des documents HTML (et autre…). Très largement utilisé sur les sites internet, il se présente sous la forme de document texte indépendant que l’on lie au document HTML dont on désire contrôler l’aspect. L’aspect des sites WikiDot est entièrement basé sur CSS, les thèmes ne sont que du CSS.

Si l’utilisation d’un document CSS « indépendant » est la façon la plus commune, il existe une autre façon, plus ponctuelle d’utiliser la CCS : Inclure les éléments de style directement dans la balise HTML. C’est l’argument style qui permet cela, somme tous les arguments inclus dans les balises il s’écrit:

<balise style="élément de style CSS; … ; élément de style CSS;">

Cette forme "en ligne" est utilisé dans de nombreux éléments de la syntaxe WikiDOT comme :

  • image
  • row (table)
  • cell (table)
  • div
  • button

On rencontre aussi l’argument style dans des sections [[embed]] … [[\embed]] mais il est souvent liées aux éléments inclus.
Nous allons essayer de vous décrire ci-après les éléments de style les plus courants qui vous permettront d'obtenir des mises en pages soignées.

Chaque élément de style CSS s’écrit sous la forme/

propriété: valeur(s) ;

Les valeur(s) peuvent être :

  • Des constantes (comme rigt, left, black, underline)
  • Des dimensions (comme 20%, 8px, 2em, 42mm)
  • Des couleurs RGB (comme #ff0000, rgb(100%,0%,0%))
  • Des Url (comme http://handbook.wikidot.com)

Les diverses unités utilisables sont :

  • % pourcentage
  • in pouce
  • cm centimètre
  • mm millimetre
  • em 1 em est égale à la dimension actuelle de la fonte.
  • ex 1ex est égale à la largeur de la fonte (à peu prées la moitié de 1em)
  • pt point (1/72eme de pouce)
  • pc pica (1 pica = 12 points)
  • px pixel (1 point de votre écran)
  • nom_de_couleur Le nom conventionnel d’une couleur Ex. Black)
  • rgb(x,x,x) valeurs decimals rgb(255,0,0))
  • rgb(x%, x%, x%) percentages rgb(100%,0%,0%))
  • #rrggbb nombre hexadécimal RRGGBB (e.g. #ff0000)

En cours de rédaction…


Bookmark and Share

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License