Members Online: 0

Guests Online: 2

 
Home Nos Techniques Séparer ses feuilles de styles, pourquoi?
 

Une de nos réalisations



Séparer ses feuilles de styles, pourquoi?

PDF Imprimer Envoyer
Blog | Techniques | Jack | Lundi, 14 Juin 2010 15:11

Nous avons développé au fil des années une méthodologie qui vise à séparer les propriétés CSS. Il a plusieurs raisons particulières de bien séparer ses configurations CSS.

Voici un exemple de feuilles séparées:

  • templates.css
  • box.css
  • layout.css
  • fonts.css
  • align.css

La feuille principale templates.css contient les propriétés principales du site, elle appelle tous les autres feuilles de style et délimite les éléments principale tel qu'embedder une font, les propriétés du body, logo.
Cette feuille est composée principalement de classes.

Le box.css configure les identifiants des boites afin de permettre des propriétés particulières à certaine boite de contenu du site internet.
Cette feuille est composée principalement d'ID.

Layout.css contient tout les propriétés d'affichages, background, dimensions, padding, positionnement (relative, absolute, static, fixed).
Cette feuille est composée principalement de classes.

Font.css, comme vous pouvez le deviner, défini les propriétés de fonts.
H1, H2, H3, p, li, a et etc... La couleur, la taille et tous les autres propriétés qu'on voudrais configurer à nos fonts.
Cette feuille est composée principalement de tags et de classes.

align.css défini des propriétés d'alignement tel que les margins, les positionnements en absolute ou relative tel que: top, left, right, bottom.
Cette feuille est composée principalement de classes.

Ces techniques ne sont pas que pour des raisons d'esthétique. Ces techniques sont très utiles pour rester conforme W3C pour le markup XHTML et aussi pour être conforme au niveau CSS. Et augmenter votre comptabilité Multi-navigateurs. Ceci aussi vous aideras pour chaque modifications et la créations de nouvelles pages pour le site internet que vous intégrer. L'integration est une assiduité et il est important de suivre les standards. Pour en savoir plus référez-vous aux tutoriels chez w3schools.

Et plus vous faites vos feuilles de styles de façon claire et distinct, plus c'est compatible et respectant les standards.

Plus de détails seront à suivre concernant nos techniques d'integration de site internet.

Mise à jour le Lundi, 14 Juin 2010 15:43

Sondages

Comment trouvez-vous nos intégration de site web ?

Liens Suggéré

WorldWebVision
W3Schools
W3C
 
Integration web © 2010 | Tous droits réservés.