Welcome back, everyone.
In the previous lecture we have seen HDMI limit,
and in this lecture we will be learning C assessment.
But before that, let's look at our cheat sheet.
Right.
So this is the image you cheat and here you can find all the edge
DML and cases emit that you can use.
And by the way, I will attach this PDF as a resource to this lecture.
So you can go ahead and download it and look at it.
Right.
So in this area you can find the HDMI image and the top section.
So here you will see the child element that we have already used.
We have user links and we have also done grouping.
There's a climb up as well, but that's not that much useful.
And basically we have covered almost all of the image
from HDMI in and there are not too much.
And you can easily go through SDM and image, but
considering the thesis omits they are lot so around
and they have 15 to 20 pages of access image and this is quite overwhelming.
So what we will be doing is I will be showing you only
some couple of useful theses image
and we will be seeing a pattern that they are following.
And after that, you will be able to write to users and mates easily.
Right. So let's start.
But before that, in the previous lecture, I forget to mention you
something that is a very common element used in Edge Drill.
And I suppose if you want to add a class name of it then
so instead of doing it like this and then class name,
what you can do is you can just simply write in a period
and the class name and this will automatically create
an element with the class name of whatever you specify.
So you don't have to write in the development and minor.
This is only available for development as this is
a most commonly used element in edge steel mill.
Right.
So now let's move to our CSV file and let's write the thesis for
our body element.
So as I type in body, it will show me the situation.
And now let's specify some properties and value.
So let's start with display.
So as you're typing, display and hit
and so you will see some suggestions for display, like you can set it
as block on these other values while displayed that you can set.
So let's set it as flags.
And now let's look at our test.
You cheat.
So probably they will be having some display properties
here like you can see on their specified display.
Normally they will add the display as block.
So if I just simply write B,
then they will show me that display block abbreviation.
And if I hit the 10th key, then they will autocomplete it.
Now this is a stops, so I can change this value to anything I like.
Now let's look at some other cases property.
So 11 then we have is position and the default one is relative.
So if you type in B or as a default, one that is related will be added.
So this is a most commonly used properties value that is added as default.
Now let's look at margin.
What we have for modern.
So if I type in M then margin as empty
and you can specify your own value for margin.
So let's look at the cheat sheet
and let's see the values that they are given here.
So margin colon M means margin item
and margin top for empty.
And similarly, margin bottom and B, and this is pretty easy stuff.
So let's see margin.
We want margin or two then M and colons here.
This will add margin auto and you can see as I type
in this elevation, this will show me the expanded form of it.
So this is pretty helpful, right?
So let's hit them.
And you can also specify the value for margin and padding.
So if I specify M and remember, I'm not going to add any colons here.
And suppose I want the margin to be five.
And then what I can do,
I can type in five them and this will show me the expanded one.
And if I had them, then I will get margin as five.
Then similarly, we can do this for padding as well.
So be it will mean padding or to be five
excel will mean padding is set to five fixes.
Pretty easy stuff and pretty cool.
Let's see, what else do we have here?
So we have background as well.
This is a very useful property background.
Normal BG will specify background 000.
Now it is complete back and we have.
What else do we have here?
You can look at the background property.
We have list of style as well.
I have seen it somewhere probably here.
So this is the list of style.
It is also very commonly used.
Then we have Waldo.
What we have here, I think this is pretty much it.
So you can have a look at this access
file and scissors are also pretty useful.
And the major advantage that you have
while working on VS code is that the auto completion value.
So if I simply typing by example property
and then you will get the citation full value as well.
For example, I can send a phone, this could be 100 to 900
or any particular value.
So this is a very cool and very useful stuff.
Now let's suppose due to some reasons.
No, no.
Why you don't want to use a mate in your school.
I don't know why, but if you want to do that,
then what you can do is you can go to file, you can go to preferences
and not settings.
By the way you can also use the hotkey control comma.
Here. You can type in a mate
and you will see
your option to disable Amatil's.
So this option the CS show expanded abbreviation
if you said this as never and now if you try to type in any
and you don't get the situation for emit abbreviation, my new emit every version.
For example if I type in margins and five pixel
and if I hit Babo and I don't get anything
and this only works for make abbreviation, this has an expanded abbreviation,
let's send it back to its default value.
And yeah, this is pretty much that you can do with M8.
You can turn off the value and the suggestions
that you get, but you can turn off the abbreviation, right?
So this is pretty much it for this section.
In the next section I will show you how to use VTS code for development
through a practical project so that you can understand the workflow
properly and see how to use VTS code efficiently for web development.
Right. So see you in the next section.