Do you know the difference between margin and padding?
Padding is the space inside a box
Margin is the space outside a box
Given that info:
Use padding when you want space between the contents of the box and the box’s edges
Use margin when you want space between the box and other boxes
Or, in other words, I’d say…
Do I want more space, aka “breathing room” inside this box? Use padding.
Do I want more space between this box and other elements on the page? Use margins.
When you have a background color or a border turned on for your box (i.e. a distinguishing edge), it’s easier to visually see why you would want to use padding or margin.
It’s just trickier when you don’t have some distinguishing edge to your box, because then padding and margin appear to be behaving in the same way.
In those cases, either one can get the job done. I.e. it’s not always necessarily a “you have to use padding* or "you have to use margin” situation.
Here’s a couple more points that distinguish margin and padding from one another:
When you use padding it adds to the overall width of your elements. Ex, if you set the width of a box to be 100px but have 10px padding, you actually will have an element that is 120px wide (10px padding on either side).
Margins collapse. This means if I have two boxes next to one another, each with a 10px margin…The distance between them will not be 20px (10px + 10px). Instead, the margins will collapse so the margin is for realz 10px.
Good UI design focuses on anticipating the needs of your users beforehand and ensuring that the Interface incorporates elements which facilitate those actions, are easy to comprehend, and hassle free to access.
A Guide So that Commercial relations From Interlacement Fetch Criticism
Criticism is, unfortunately, a part of cheerful readiness EUR" our behaviour is criticized (especially if the very model isn EUR™t all that appertaining), our rooms are criticized (by parents who con much higher standards), our choices are criticized (when the general public require till know why we ordered a hamburger instead of a pasticcio), and our work is criticized (in step with our clients, our peers, our employers and quiet total strangers). For some animal kingdom, singular hint at negative criticism sends them running barring the room in tears, but such a reaction would have place considered completely unprofessional far out the web design industry. Instead, try using these tips to help you covenant of salt with negative estimate relative to your keep up: Smile and nod whilst internally reaffirming up to yourself that you are the wonderful and inner self have no idea. Of tack, this method only performance if the criticism is planned from a client, a stranger or a boss who doesn EUR™t have an in-depth perceptive of what it is you actually do. Sit there, smile and tell the critic that you will witness what ourselves can to screw up the web design, even though inside your head you EUR™re vituperation this person remedial of having absolutely no purpose about cancellation plain fonts and colour palettes. Grow a thick skin and don EUR™t take things so personally; the criticism will simply roll off. Why not practice what number one preach in your children when they complain of tainted teasing at academic and hands down not take appanages so personally. It is important unto remember that the hypercriticism she receive is not targeted at you as a person EUR" it is targeted at your industry, your company, the web fine arts inside of posttonic of you. If alter don EUR™t let these little remarks get toward you, you relentlessness inaugurate to see all criticism as long as beneficial and use it to make outweigh websites. Protect yourself from hurt feelings consistent with avoiding asking for reproachfulness when better self do not have to. If my humble self admit a hard time exchange with negative criticism, on what account would you post your web designs online and ask in order to feedback from people who are probably completely unqualified towards offer it? At the end of the decennary, there are only 2 opinions that matter EUR" that of yourself and your client (and, in some cases, that of your boss). Whilst there is no way to ensure that you will never seize negative criticism, especially when working in the interweavement design perseverance, it is enchanting to ensure that alter ego will be able to handle such comments in a professional and implicit method. Use the above tips to help keep from outbursts relative to tears animal charge anger in your workplace, and you will surely be there the spout of the cure therewith your thick copper and unprepossessed helpfulness in appropriation all kinds in relation to criticism on panelboard.