Raccourcis d'écriture CSS pour les titres h

Bonjour,

J'ai dans mon css les titres détaillées comme-ci :

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
	background: #fff;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 5px 0; }

h2  {
	background: #fff;
	color: #000;
	width: 100%;
	font-size: 20px;
	font-family: "Trebuchet MS", arial;
	margin: 0;
	letter-spacing: -1px; }

h3  {
	background: #fff;
	color: #000;
	padding: 0 5px 0 0;
	font-size: 18px !important;
	font-weight:bold;
	font-family: "Trebuchet MS", arial;
	margin:0;
	letter-spacing: -1px;}

Sachant que beaucoup de propriétés sont communes comment je peux faire pour abréger :

1- le raccourcis "H" tout court donnant des propriétés à tous les titres existe t-il ?
2- Y a t-il un autre moyen que de faire

h1, h2, h3, h4 + mes propriétés et ensuite encore h1 à h4 avec des propriétés supplémentaires 

?

Merci d'avance les gars je reviens à la fabrique !

Bonjour,

Samuel Berg a écrit :
Sachant que beaucoup de propriétés sont communes comment je peux faire pour abréger :

1- le raccourcis "H" tout court donnant des propriétés à tous les titres existe t-il ?
2- Y a t-il un autre moyen que de faire

h1, h2, h3, h4 + mes propriétés et ensuite encore h1 à h4 avec des propriétés supplémentaires 

?

1 - A ma connaissance, un tel raccourci n'existe pas..
2 - Il s'agit à AMHA de la solution la plus probante. Cela donnerait quelque chose comme ceci :

h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
	background: #fff;
	color: #000;
 }


h1 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
}

h2, h3  {
	margin:0;
	letter-spacing: -1px;
}


h2  {
	width: 100%;
	font-size: 20px;
}

h3  {
	padding: 0 5px 0 0;
	font-size: 18px !important;
}

A noter que par défaut, le style de titre est déjà en gras.
... Mais bon, on ne gagne pas grand chose ...
Modifié par Cygnus (25 Sep 2008 - 10:58)

Hello,

Pas sûr que donner un background aux titres soit pertinent, de même pour la couleur. Pour des styles «génériques», en général, on appliquera couleur principale du texte et couleur de fond uniquement sur l'élément BODY.

Si on met une couleur de fond sur un titre ou un paragraphe, c'est en général qu'on cherche à obtenir un effet graphique particulier. C'est peut-être le cas ici (et, dans ce cas, autant pour moi ).

Ok merci pour ces réponses.

Effectivement le fond ne sert à rien, une vieille habitude pour coller au W3c : toujours mettre un background et un color.

Je vous donne un petit tuyau à mon tour : la réduction de la lecture de la ligne de code rend le site deux à trois fois plus rapide : que le site soit lourd ou non.

Alors optimisez votre code plutôt que vos images !