disign | CSS: come condensare le proprietà font | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/css-come-condensare-le-propriet-font-301-3-1.html

© Luca Frassineti

Css tips and tricks 5.987 visualizzazioni

CSS: come condensare le proprietà font

22/12/2011

Un bellissimo articolo descrive una tecnica conosciuta a pochi sul modo di condensare sei righe di dichiarazione CSS in una sola! Se, ad esempio, partiamo da una dichiarazione standard del tipo (sostituire le parentesi quadre con le parentesi graffe!)

    body [ 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 13px; 
        font-weight: normal; 
        font-variant: small-caps; 
        font-style: italic; 
        line-height: 150%; 
    ] 

   
 seguendo questa sintassi
 
    body [ 
        font: font-style font-variant font-weight font-size/line-height font-family; 
    ] 

   
    riduciamo la nostra dichiarazione  a
   
    body [
        font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; 
    ] 

   
    Per approfondire rimando all'articolo originale qui.

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


© 2009 - 2023 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.