Learn Function Margin at Your CSS Sheet / Tips For Beginner

Margin

margin is code at css and have function to change position class, images, div id you want to different place.

margin:0px;
position will not change, still on position where you place images, text, or code.

Margin to change position at center

if you using this code at css, this code have function to change position sites to center width or center screen your browser.

margin:0px auto;

Type Margin to change position

margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

and you can change 0px to width you want with size pixel at photoshop.

Type Margin to change position minus ( - )

margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:-10px;

type margin with minus make it you can change position different ifmargin without minus can make you go to bottom place so if you usingmargin with minus you can change your position to top, so functionmargin with minus is make your position reverse than margin withoutminus.

Other type Margin

margin:10px;

All four sides have a margin of 10 pixels.

margin:10px 20px;

Top and bottom have a margin of 10 pixels.
Right and left have a margin of 20 pixels.

margin:10px 20px 30px;

Top is 10px
Left and right are 20px
Bottom is 30px

margin:10px 20px 30px 40px;

Top is 10px
Right is 20px
Bottom is 30px
Left is 40px

Type margin work in size

10cm ( centimeter ), 10% ( pecent ), 10px ( pixel ) and have differentwidth, so you can use type of width you want for your CSS.

Conclusion

I know this is just simple tips and tricks but for beginner this isgood tips for start learn about CSS and how to make themes. As designerand code editor not simple to learn CSS and what function that CSS. Soyou have another tips or knowlegde or answer about margin, let share itand next article i will share my knowledge about other code.