La syntaxe d'une règle CSS [Article]

[12monkeys]

Bonjour

Dans la continuité de mon précédent article Introduction aux CSS, je vous propose aujourd'hui la suite qui va vous permettre de faire vos premiers pas dans le monde des CSS : La syntaxe d'une règle CSS.

Voici le programme qui y sera abordé :

Ce second article a pour objectif de vous faire découvrir les bases du CSS : vous allez être initié à la syntaxe utilisée dans les feuilles de style.

Cela va consister à étudier en particulier ce qu'est une règle CSS. On va la décortiquer pour vous donner un aperçu de ses principales composantes : les sélecteurs, les blocs de déclarations, les déclarations, les propriétés et les valeurs.

Nous verrons ensuite quelle est l'influence de la présentation du code CSS : c'est-à-dire les effets de la casse du texte, des espaces, tabulations et autres retours à la ligne sur la bonne interprétation du code.

Puis nous aborderons les notions de regroupement des sélecteurs et de propriétés raccourcies. Je vous montrerai comment mettre des commentaires dans une feuille de style, et, enfin, j'aborderai des règles un peu particulières : les règles at-rules.

N'hésitez pas à commenter cet article en postant à la suite de ce message.

Merci.

[coshibe]

En général quand je vois un article long je me décourage avant même de commencer. Cet article se lit comme une BD. Il résume très bien et très vite énormément de propriétés importants du CSS.

Personnellement j'ai découvert pas mal de propriétés, notamment celles concernant le nombre d'arguments de la propriété border. Moi qui n'en mettais que 3 je viens de comprendre quelques soucis d'affichages que je rencontrais...

en tous cas Bravo et merci!

[12monkeys]

Bonjour

Merci pour ces remarques encourageantes, ça fait chaud au cœur

J'espère que le prochain article te plairas autant...

[filipvansnaeskerke]

1. Une petite faute d'orthographe : "quelque soit leur ordre" doit s'écrire "quel que soit leur ordre".
2. Je trouve que la règle @charset n'est pas claire : la phrase « La règle @charset permet de préciser le type d'encodage que l'on souhaite appliquer à un fichier CSS extérieur. » semble signifier que l'on peut appliquer tel ou tel encodage, comme on veut, à un fichier css. Moi j'écrirais plus simplement : « La règle @charset permet d'indiquer le jeu de caractères dans lequel est rédigé le fichier CSS extérieur. »
Cela dit, bravo pour cet article. Surtout l'explication de la nomenclature du W3C pour les propriétés raccourcies m'a paru utile.

[vermine]

Merci pour ce second épisode.
J'attends la suite avec impatience.

[OurysBack]

C'est vraiment très gentil de ta part. C'est exactement ça qui me manquait. C'est-à-dire les règles et là je suis bien partis ! Rendez-vous à la prochaine publication.

[12monkeys]

Désolé pour le délai de réponse, j'étais occupé sur autre chose...

@filipvansnaeskerke : Tes deux remarques ont été prises en compte...

Merci à tous pour votre soutien

[danielhagnoul]

Bonsoir

les tutoriels !

Je ne résiste pas au plaisir de vous montrer une image qui illustre la priorité des sélecteurs CSS. Une incitation pour un nouvel article ? Même un petit article comprenant une version francophone et commentée de l'image serait sans doute apprécié par beaucoup de forumeurs.