Come ricorda nel CSS che il margine è al di fuori del confine, e imbottitura interna in

Question

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 ...

Answer 1

Quando si lavora con i CSS, infine, ti fa impazzire cella imbottita che ti metteranno in ha l'imbottitura della all'interno delle pareti.

Answer 2

pin - P è in

Answer 3

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.

Answer 4

Stampa il diagramma dal Le Dimensioni Della Scatola sezione specifica, e metterlo sulla parete.

Answer 5

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.

Answer 6

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.

Answer 7

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 bodys '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.

Answer 8

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...;-)

Answer 9

utilizzare firebug per aiutarvi a vedere.

Answer 10

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.

Answer 11

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.

Answer 12

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.

Answer 13

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 è.

Answer 14

Invece di chiedere di nuovo e di nuovo a google basta usare la finestra di ispezione.In che stile scheda e scorrere verso il basso si può vedere come questo.

Answer 15

Margine:Quando si desidera spostare il blocco.Imbottitura:Quando si desidera spostare gli elementi all'interno di un blocco.