Come ricorda nel CSS che il margine è al di fuori del confine, e imbottitura interna in
Domanda
Io non modificare il codice CSS molto spesso, e quasi ogni volta che ho bisogno di andare e google il CSS box model per verificare se padding
è all'interno del border
e margin
al di fuori, o viceversa.(Appena controllato di nuovo e padding
è all'interno).
Qualcuno ha un buon modo di ricordare questo?Un po ' mnemonico, una buona spiegazione del perché i nomi sono che giro ...
Soluzione
Quando si lavora con i CSS, infine, ti fa impazzire cella imbottita che ti metteranno in ha l'imbottitura della all'interno delle pareti.
Altri suggerimenti
pin - P è in
Si sta utilizzando una scatola.Se si dovesse mettere qualcosa in una scatola si dovrebbe mettere un po di imbottitura all'interno per assicurarsi che non ha smack contro i lati.Il margine sarebbe poi l'altra cosa.
Stampa il diagramma dal Le Dimensioni Della Scatola sezione specifica, e metterlo sulla parete.
Per me, "imbottitura" suona più interiore di "margine".Forse pensando alla pagina stampata, sarebbe di aiuto?Margini di zone di molto al di fuori - in generale, è possibile anche stampare il bordo - sono unmarkable.All'interno di tali margini, il contenuto potrebbe essere imbottito per fornire un ulteriore barriera tra il contenuto e il margine?
Una volta che si lavora in CSS abbastanza, che diventerà una seconda natura per ricordare questo.
L'imbottitura è di solito utilizzato all'interno.Sia all'interno di un muro o di una cassetta della consegna, che è semplice.E se l'imbottitura è all'interno, quindi il margine è al di fuori.Non dovrebbe essere troppo difficile.
Ho appena imparato nel tempo - il modello di scatola è abbastanza semplice, ma la principale ragione per cui le persone trovano difficile perché body
non visibilmente rompere il modello.
Davvero, se si dà body
un margine di e uno sfondo che si dovrebbe vedere è circondato da una striscia bianca.Tuttavia questo non è il caso body
s 'imbottitura è lo stesso margine.Questo stabilisce un paio di cose errate circa il modello di scatola.
Io di solito pensare su di esso come questo:
- margine = spaziatura attorno al box;
- border = il bordo della scatola;
- padding = spazio all'interno della scatola.
Tim Saunders ha dato alcuni ottimi consigli - quando ho iniziato a lavorare con i CSS, ho fatto un punto di costruzione di una buona, ben commentato base del foglio di stile.Tale foglio di stile è cambiato molte volte e rimane una risorsa formidabile.
Tuttavia, quando mi sono imbattuto nella mia casella di modello di problemi, ho iniziato ad usare a 'Mo di Pi'.Come in "io non sono grasso, ho bisogno di mangiare mo pi". Strano, ma ha funzionato per me.Naturalmente, ho messo su una ventina di chili, mentre l'apprendimento di CSS...;-)
utilizzare firebug per aiutarvi a vedere.
Creare una commentato foglio di stile di base che è possibile utilizzare come modello ogni volta che si crea un nuovo sito o modifica di un sito esistente.
È possibile aggiungere ad esso, come si cresce nella conoscenza e applicarlo a diversi browser per vedere come le varie cose comportano.
Potrai anche essere in grado di aggiungere nei commenti o esempi su gli altri è difficile ricordare le cose o roba che è contro intuitivo.
Aggiungi bordo, anche solo temporaneamente.Come si gioca con i numeri, vedrai la differenza.
Infatti, temporaneo bordi di elementi è un modo utile per il lavoro, in modo che si può vedere perché i carri sono in calo, etc.
So che questa è una risposta alla tua domanda, ma più di una punta.Ogni volta che ho a che fare con margin e padding, vorrei aggiungere un bordo intorno alla parte che si sta lavorando, poi da lì, mi mostra la camera devo lavorare con.Quando sono tutti insieme, io rimuovere il bordo.
L'imbottitura è una Parte di un elemento di Pittura:si estende l'elemento sfondo.Ha senso pensare ad una coppia di elementi+imbottitura come la condivisione di una storia comune.L'imbottitura è analoga alla pittura della tela di canapa:la più grande è l'imbottitura, il più grande tela e, pertanto, sfondo.Confine (la cornice del quadro) sarebbe andato in giro a coppia.E margine separate i dipinti sul muro della galleria.Pensando al concetto di oggetto di sfondo aiuta colla la coppia oggetto+imbottitura insieme.Le solite spiegazioni di ciò che è all'interno vs esterno non si attacca alla memoria:dopo un po ' ognuno ottiene originale di confusione.Ricordate anche che i margini sono in verticale pieghevole e imbottitura non è.
Margine:Quando si desidera spostare il blocco.Imbottitura:Quando si desidera spostare gli elementi all'interno di un blocco.