Bienvenue sur Ace Design. Ici vous trouverez tout ce qu'il faut pour personnaliser au maximum votre forum Aceboard. Il y a actuellement 1 visiteur(s) connecté(s) sur AceDesign !
| Accueil | Inscription | Le Forum | Le Livre d'or   

Introduction au CSS


Bien construire un CSS



Comment fonctionne un fichier CSS ? A première vue, c'est vrai qu'on ne comprend pas grand chose. pourtant c'est relativement simple. Le fichier CSS est composé de pseudos classes qui correspondent à différentes parties du forum, à chacune de ces pseudos-classes, vous pouvez assigner différentes propriétés .
Pour utiliser une syntaxe correcte dans votre CSS, il vous suffit d'appliquer le shéma ci-dessous.
Pseudo-classe1{propriété1; propriété2; propriété3;}
Pseudo-classe2{propriété1; propriété4;}
Finalement ce n'est pas si compliqué, n'est ce pas ?

N'oubliez surtout pas  les ;  séparant chaque propriété, ils sont essentiels au bon fonctionnement du CSS.

Les commentaires



Je vais maintenant vous réveler un petit secret qui pourra vous être utilie pour mieux vous y retrouver dans votre css.
Vous pouvez ajouter des commentaires dans votre css, ceux ci n'affecteront pas l'aspect de votre forum, mais vous aideront à vous souvenir de l'interet de chaque chose que vous avez mis dans votre css.
Les commentaires doivent être précédés de la balise /* et suivis de la balise */ afin que le navigateur comprenne qu'il ne doit pas en tenir compte lors de l'affichage de votre forum. Si vous oubliez ces 2 balises,  votre CSS risque de ne plus fonctionner correctement.
Voici maintenant un petit exemple pour ceux qui n'auraient pas compris:
Pseudo-classe1{propriété1; propriété2; propriété3;} /*on applique les propriétés 1, 2, et 3 à la pseudoclasse 1*/
Pseudo-classe2{propriété1; propriété4;} 

Petit exercice


pseudo-classe1{propriété28; propriété6;} /*j'ai appliqué la propriété 28 à la pseudo-classe1/*
Pseudo-classe2{propriété2, propriété4, propriété1,}
Pseudo-classe3: propriété6;}/*fin de mon CSS

Le code présenté ci dessus est il correct ? Je ne vous le cacherai pas plus longtemps : non! (Oh la honte, je vous donne des leçons et je ne sais même pas faire un exemple correct...).
En fait j'ai fait exprès . Je pense et j'espère que vous trouverez les erreurs par vous même.
Relisez attentivement ce code et essayez de le corriger par vous même. Le bon code est présenté ci dessous pour que vous puissiez vérifier si vous ne vous êtes pas trompé.

vous avez trouvé les erreurs ?  Voici le code juste, regardez si c'est bien ce à quoi  vous pensiez:
pseudo-classe1{propriété28; propriété6;} /*j'ai appliqué la propriété 28 à la pseudo-classe1*/
Pseudo-classe2{propriété2; propriété4; propriété1;}
Pseudo-classe3 {propriété6;}/*fin de mon CSS*/
Les erreurs ont été corrigées en rouge.
Vous aviez tous trouvé la solution, n'est ce pas ?

Conclusion



Normalement, cette très courte introduction devrit vous suffire à comprendre le principe d'un CSS et à réaliser le votre grâce aux récapitulatifs des pseudos classes et des propriétés que j'ai fait dans les pages suivantes . Cependant, si vous ne comprenez pas, n'hésitez pas à venir demander de l'aide sur le forum.


© AceDesign, réalisé par Zell - La construction de ce site a demandé beaucoup de temps et d'efforts, merci de respecter le travail fourni. - Pour me contacter, merci de laisser un message sur le forum ou de m'envoyer un message privé.