Nwlapcug.com


CSS Top vs Margin-Top

Con fogli di stile CSS, o CSS, è possibile posizionare quasi qualsiasi elemento di linguaggio hypertext markup, inclusi immagini, testo, livelli di div, tabelle e liste sul tuo sito Web. Se si utilizza la proprietà "top" o la proprietà CSS "margin-top" è dipende da altri elementi nella tua pagina e il loro rapporto di posizione uno a altro.

Priorità bassa

CSS, abbreviazione di fogli di stile CSS, è un tipo di codifica Web che si utilizza in combinazione con HTML. CSS applica stili agli elementi HTML esistenti. Ad esempio, si può colorare il testo, assegnare decorazione ai collegamenti di testo, specificare i confini per le immagini e modificare gli elementi form con i CSS. CSS offre la possibilità di impostare i margini, lo spazio tra la parte esterna del contenitore ad esempio un livello di tabella, cella o div e specificare la posizione degli elementi all'interno della pagina Web.

Proprietà

La proprietà CSS per un margine superiore di elementi è "margin-top." Quando si imposta un valore in pixel, pollici o percentuale a questa proprietà per un elemento, ad esempio una tabella, la tabella verrà visualizzata per spostare la pagina verso il basso come il CSS inserti più spazio tra la parte superiore della tabella e altri elementi sulla pagina. La proprietà di "top" CSS viene sempre utilizzata in combinazione con la proprietà di "posizione". Poiché esistono più tipi di posizione, il risultato può essere diverso

Posizionamento CSS

Quando si utilizza la proprietà "top" nel foglio di stile CSS, è necessario specificare anche il tipo di posizione. Se si utilizza il posizionamento assoluto, le proprietà di "superiore" specifica quante unità sono tra il bordo superiore di un elemento e l'elemento che lo contiene. Ad esempio è possibile specificare un valore o 300-pixel per la proprietà di "top" per un'immagine. Un'immagine di posizionamento assoluto potrebbe apparire come 300-pixel sotto la parte superiore della tabella che lo contiene. Nel contratto, il posizionamento relativo posti 300-pixel dell'immagine sotto posizione normale (senza posizionamento) dell'immagine. È inoltre possibile specificare il rapporto dell'immagine con la finestra del browser con posizionamento fisso e la proprietà "top".

Considerazioni

È possibile utilizzare il "top" e "top margine" proprietà per il tuo sito Web gli elementi di stile. Ad esempio, se si utilizza il posizionamento relativo, è possibile ancora aggiungere un piccolo margine, di 10 pixel, tra una tabella e un div. Mentre è possibile utilizzare solo la proprietà margin per posizionare sullo schermo gli elementi, sarà necessario incorporare margini effettivi questi valori. Se si desidera semplicemente creare spazio tra gli elementi, è possibile utilizzare solo la proprietà del margine superiore. È inoltre possibile specificare il margine superiore di un elemento utilizzando la proprietà abbreviata "margine", che consente di impostare tutte le quattro marigns (superiore, destra, inferiore e sinistra) in una sola volta. Ad esempio, per impostare tutti i margini a 5 pixel, applicare il seguente codice CSS al tag selettore/HTML:

{margin: 5px;}