Con fogli di stile CSS, o CSS, è possibile posizionare quasi ogni elemento Hypertext Markup Language, tra cui immagini, testo, strati div, tabelle ed elenchi sul tuo sito web. Sia che si utilizzi il "top" di proprietà o la proprietà CSS "margin-top" dipende da altri elementi della pagina e la loro posizione rapporto tra di loro.

sfondo

CSS, acronimo di fogli di stile CSS, è un tipo di codifica Web che si utilizza in combinazione con HTML. CSS si applica stili agli elementi HTML esistenti. Ad esempio, è possibile colorare il testo, assegnare la decorazione di collegamenti di testo, specificare i confini per le immagini e modificare elementi dei moduli con i CSS. CSS offre la possibilità di impostare i margini, lo spazio tra l'esterno del contenitore, ad esempio un tavolo, strato di cellule o div e specificare la posizione degli elementi all'interno della pagina Web.

Proprietà

La proprietà CSS per un margine superiore elementi è "margin-top". Quando si imposta un valore, in pixel, pollici o percentuale a questa proprietà ad un elemento, ad esempio una tabella, apparirà la tabella per spostarsi verso il basso la pagina come il CSS inserisce più spazio tra la parte superiore del tavolo e l'altro on-page elementi. La proprietà CSS "top" viene sempre utilizzato in combinazione con la proprietà "Posizione". Perché ci sono più tipi di posizione, il risultato può differiscono

Posizionamento CSS

Quando si utilizza la proprietà "top" nel CSS, è necessario specificare anche il tipo di posizione. Se si utilizza il posizionamento assoluto, le proprietà "top" specifica quante unità sono tra il bordo superiore di un elemento e il suo elemento che contiene. Per esempio è possibile specificare un valore o 300-pixel per la proprietà "top" per un'immagine. Un'immagine posizionato in modo assoluto può essere visualizzata come 300-pixel sotto la parte superiore della tabella che la contiene. Nel contratto, il posizionamento relativo pone l'immagine 300-pixel al di sotto normale posizione dell'immagine (senza posizionamento). È inoltre possibile specificare il rapporto della immagine alla finestra del browser con posizionamento fisso e la proprietà "top".

considerazioni

È possibile utilizzare i "top" e le proprietà "margine superiore" per lo stile i vostri elementi del sito web. Ad esempio, se si utilizza il posizionamento relativo, si può ancora voglia di aggiungere un piccolo margine, di 10 pixel, tra una tabella e un div. Sebbene sia possibile utilizzare solo la proprietà margine per posizionare gli elementi sullo schermo, si dovrà integrare i margini effettivi in ​​questi valori. Se desiderate semplicemente per creare spazio tra gli elementi, è possibile utilizzare solo la proprietà margine superiore. È inoltre possibile specificare il margine superiore di un elemento utilizzando il "margine" proprietà abbreviato, che consente di impostare tutti i quattro marigns (in alto, a destra, in basso a sinistra) e in una sola volta. Ad esempio, per impostare tutti i margini a 5-pixel, applicare il seguente CSS al tag selettore / HTML:

{Margin: 5px;}