The next property is the property dealing with margins.
The margins are a fundamental aspect in the Web pages development with the help of success.
As you have seen, I have just moved our controller of the preview created from the central position
that it had before to this side to ease this switch between age Tamalpais and stylesheet.
As you know, we have inserted some borders, insider sections, starting, however, from the age to
selecter, that he's from the headings again inside age to we can see how the margins work.
By inserting the margin as shampoo to in this case as well, you see countless possible options, although
we are focusing on the main ones in certain margin and for example, choosing 50 pixels as a reference.
Saving and refreshing the difference with what was before is striking, as you can see, both at the
top and at the bottom and also on the left and also on the right.
The margins display a width of 50 pixels.
In this case, if we wanted to define margins, able to help us improve the page according to the user
experience.
We might define specific margins starting from margin top.
Margin bottom.
Margine, lefter.
And Margine, right, of course, we can choose to define some specific measures for any of the four
positions, we can, for example, choose 10 pizzle from the top.
Twenty pixels below every headings.
15 pizzas from the left and 15 pizzas from the right before refreshing.
Let's take a look at the current situation of our preview.
Let's shrink it and let's save and refresh deleting, obviously, the 50 pics and Margene.
Let's say refresh and let's go back to our page.
As you can see now, our margin has worked upon every single day since uncertainty, in fact, between
the top and the bottom to the distance is only 10 pixels.
On the left is a bit more.
And in fact, it is 15.
And so inches on the right at the bottom is 20.
And in fact, it's the double of one inserted at the top.
All of these functions, which will help us specifically when dealing with the responsive design, as
in that moment, we will have to do more with margins and also with the topic of the next lesson can
also be inserted within a unique function, therefore in a linear way, in certain only margine defining
then every single dimension.
In this case, the insert in order is supposed to be first the top value, therefore ten pixels, then
the right value, therefore 15 pixels.
The bottom value, therefore, 20 pixels and the left value, therefore 15 pixels.
By closing and saving, we obtain the same result.
And so let's see the way it appears now, let's refresh.
And we see the result does not change to verify the actual functioning network, for example, top to
bottom, let's say refresh and see that now the top part and the bottom part have swapped dimensions.
Additional functions, the margins may before will be covered, as usual, so far in the advanced part
of the CSX version three.