Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    margin dei tag <p><h1>...

    salve gente, sono nuovo e mi presento, mi chiamo noppy e vorrei risolvere questo dubbio:

    ma i tag

    o tag <h1, 2, 3, ecc...> hanno un valore margin preimpostato?!?!
    no perchè mi accorgo che se ad es.

    <div id="entry">
    <h1> Titolo 1</h1>


    hello world hello world hello world hello world</p>

    <h1> Titolo 2</h1>


    hello world hello world hello world hello world</p>

    <h1> Titolo 3</h1>


    hello world hello world hello world hello world</p>
    </div>

    ora se per l'id entry gli specifico questo stile:
    p, h1#entry{
    margin: 0px;
    }

    mi accorgo che cambia la formattazione, i tre paragrafi con i relativi titoli risultano più "ravvicinati" detto papale papale...
    Quindi pura curiositá, questi tag, come non so forse anche altri, hanno un valore margin diverso da zero preimpostato?! spiegatemi please...
    noppy

  2. #2
    tutti i tag hanno dei valori di margin e padding preimpostati dai browsers
    questi possono cambiare da browser a browser e quindi è buona norma fare l'azzeramento (altrimenti detto reset) di tali valori nella prima regola css e poi definirli nelle regole successive
    il reset più comune è:
    codice:
    * {
        margin: 0;
        padding: 0
    }
    ma ne esistono altre varianti più o meno articolate (io lo faccio per gli elementi di blocco e basta)

  3. #3
    ti ringrazio tantissimo
    noppy

  4. #4
    Utilizzando un motore di ricerca e la parola chiave "reset css" trovi esempi utili e aggiornati anche per l'html5.
    Credo non se ne possa più fare a meno.
    Risorse di Grafica, pattern, shape, risorse da scaricare - http://www.risorsedigrafica.it

  5. #5
    allora ragazzi, grazie per le risposte, ora ho capito un attimo il meccanismo dei reset... ho utilizzato questo:

    codice:
    * {
        vertical-align: baseline;
        font-weight: inherit;
        font-family: inherit;
        font-style: inherit;
        font-size: 100%;
        border: 0 none;
        outline: 0;
        padding: 0;
        margin: 0;
    }
    ora però tag come quelli per i titoli <h1>, <h2>, ecc.. non mi fungono più, come risolvo il problema??!!?
    noppy

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.