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.