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 if margin without minus can make you go to bottom place so if you using margin with minus you can change your position to top, so function margin with minus is make your position reverse than margin without minus.
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 different width, 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 is good tips for start learn about CSS and how to make themes. As designer and code editor not simple to learn CSS and what function that CSS. So you have another tips or knowlegde or answer about margin, let share it and next article i will share my knowledge about other code.
|
0 Responses So Far: