• Super User

    Opinioni su reset margin e padding

    Ciao,
    secondo la vostra opinione quanto conta (o conta ancora) ai fini di siti con visualizzazione identica o comunque molto simile da testare su vari programmi per la navigazione (crossbrowser), settare all'inizio del css un reset globale di margini e bordi del seguente tipo?

    • {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      }

  • Super User

    Ciao 🙂

    Personalmente mi preoccupo di farlo solo per il body.


  • User Attivo

    Il selettore universale * funziona su buona parte dei nuovi browser, naturalmente con alcune differenze nella visualizzazione.
    Ad esempio:

    
    * {
        margin: 50px;
        padding: 50px;
        border: 1px solid #000000;
    }
    
    

    produce una visualizzazione un po' diversa su IE6 (IE interpreta in modo diverso il margin/padding) e FF 1.5

    Il selettore universale, dunque, si applica ha tutti gli elementi, ma bisogna stare attenti perchè pur avendo specificità zero prevale su valori ereditati.

    Ad esempio:

    
    * {
        margin: 50px;
        padding: 50px;
        border: 1px solid;
    }
    h1 {
       border: 1px solid #669900;
    }
    
    ``` [html]
    <body>
    <h1> testo <b>testo</b> </h1>
    </body>
    [/html] 
    Il tag <b> dovrebbe ereditare da <h1>, invece ciò non succede.
    
    IN POCHE PAROLE CON UNA PROGETTAZIONE ACCURATA CONVIENE USARE ( * )
    
    P.S.
    margin, padding, border... non sono mai ereditati, quindi usare:
    
    • {
      margin: 0;
      }
    invece di:
    

    body {
    margin: 0;
    }

    Non è la stessa cosa
    
    
    Ciauz :)
    P.S.2 (ma mi sono spiegato bene? :?)