PHPascal.com

PHPAscal rouge2 (Version bleu)


Optimisation CSS Accessibilité Ergonomie Référencement php HTML SQL
  PHPascal a 147 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Optimisation / CSS / Code css raccourci

Raccourci CSS pour réduire la taille de vos CSS

Voici différents raccourci CSS a utilisé pour réduire de façon significative la taille de vos page CSS :

Définition de padding ou margin :

Version longue :
padding-bottom:2px;
padding-left:4px;
padding-right:5px;
padding-top:10px;


Version raccourci :
padding:10px 5px 2px 4px;


Définition du texte :

Version longue :
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:14px;


Version raccourci :
font:10px/14px bold Arial, Helvetica, sans-serif;


Bordure

Version longue:
border-style:solid;
border-color:#0099CC;
border-width:2px;


Version raccourci :
border:2px solid #0099CC;


Background

version longue :
background-color:green;
background-image:url(../images/background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:10px 20px;


version raccourci :
background: green url(../images/background.gif) no-repeat fixed 10px 20px;
(trouver sur Zone CSS)


En espérant que ces quelques raccourci puisse vous faire économiser sur la taille de vos CSS.
Article écrit le 28 décembre 2008
Article modifié le 28 décembre 2008

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2024
Temps d'exécution : 0.0103 sec
Imprimer le 7 December 2024 - 00:26:01
par Pascal Dubreuil organisateur du Marathon roller du Canada