Organisation CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Organisation CSS

ritsar

ni vieux, ni maigre

Pour une fois ce n'est pas une question sur la façon d'utiliser les CSS, mais sur la façon de les écrire...

J'essaie de ne jamais écrire deux fois la même spécification dans mes CSS. On m'a déjà dit "Evidemment... il est con de dire ça", mais même sur ZenGarden j'ai vu des définitions redondantes à foison.

Par exemple, si j'ai plusieurs boîtes fixes qui doivent être alignées sur la même hauteur, la plupart font comme suit :

Code :

#bloc1 {
position: absolute;
top: 50px;
left: 0px;
width: 20px; }
#bloc2 {
position: absolute;
top: 50px;
left: 40px;
width: 300px; }
#bloc3 {
position: absolute;
top: 50px;
right: 500px;
width: 100px; }

Moi je préfère :

Code :

#bloc1, #bloc2, #bloc3 {
position: absolute;
top: 50px; }
#bloc1 {
left: 0px;
width: 20px; }
#bloc2 {
left: 40px;
width: 300px; }
#bloc3 {
right: 500px;
width: 100px; }

Comme ça si je ne réécris pas trois fois le position:... et si je veux monter ou descendre mes trois <div>, je suis sûr de ne pas en oublier...

Autre exemple, pour un border partiel (disons un même trait dessous et à droite). Au lieu de :

Code :

#borderpartiel {
border-right:2px solid #FF0000;
border-bottom:2px solid #FF0000; }

Toujours par souci de ne pas spécifier deux fois la même propriété, je préfère :

Code :

#borderpartiel {
border:2px solid #FF0000;
border-left-width: 0px;
border-top-width: 0px; }

Qu'est-ce que vous en pensez ?

Message édité par ritsar le 27-07-2004 à 11:55:15

Publicité

gizmo

A moins d'avoir une feuille de style gigantesque (et là, il faut se demander si elle en vaut la peine), je préfère dédoubler l'information car cela permet en général d'obtenir une lecture plus aisée du CSS et si l'on désire ne modifier qu'un élément de la page, la manipulation s'en trouve également simplifiée.

kadreg

profil: Utilisateur

ritsar a écrit :

Qu'est-ce que vous en pensez ?

Ce n'est pas parceque deux informations ont la même valeur qu'il s'agit de la même information.

---------------
brisez les rêves des gens, il en restera toujours quelque chose... -- laissez moi troller sur discu !

ritsar

ni vieux, ni maigre

gizmo a écrit :

A moins d'avoir une feuille de style gigantesque

Ca reste dans la moyenne de ce qui se trouve sur CssZenGarden (mon "canon" ), soit entre 120 et 400 lignes, en comptant les blancs et les commentaires.

ritsar

ni vieux, ni maigre

kadreg a écrit :

Ce n'est pas parceque deux informations ont la même valeur qu'il s'agit de la même information.

On est bien d'accord. Mais si tu veux faire des surlignages, des souignages, des encadrements, etc. avec le même style de trait, tu préfères pas le spécifier une seule et unique fois ?

antp

Super Administrateur
Champion des excuses bidons

kadreg a écrit :

Ce n'est pas parceque deux informations ont la même valeur qu'il s'agit de la même information.

Tout à fait d'accord.
Quand les deux infos ne sont pas liées je préfère les dédoublées.
D'un autre côté quand il s'agit d'infos qui sont d'office identiques je les retroupe parfois, mais c'est rare, surtout si seule une partie des infos est commune.

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

ritsar

ni vieux, ni maigre

antp a écrit :

Quand les deux infos ne sont pas liées je préfère les dédoublées.

OK OK OK
J'ai jamais dit que je regroupe tous les "font-weight:bold" ou les "text-align:left" ensemble.

Ce serait crétin, en effet.

FORUM HardWare.fr

Programmation

HTML/CSS

Organisation CSS

Sujets relatifs
[JS] Créer un menu transparent en javascript plutot qu'avec des css	problème de compatibilité avec FireFox , IE6 et CSS ...
[CSS] border-bottom marche pas ! [résolu]	css IE, FF et mise en page
[HTML/CSS] Emuler un tableau en css	[css] class, id et heritage
css et div	CSS rafraichir
FireFox n'aime pas les css avec variable php ?	[CSS] Problème avec blocs
Plus de sujets relatifs à : Organisation CSS

Page générée en 0.060 secondes