Given the fact we are now about to deal with the advanced part of the Torpey CSX version three, please
take my advice, create a new stylesheet, dedicated specifically to this part with an HDMI file where
step by step, we will insert all the property related content we are coming up with in this section.
Got it.
So then let's start by creating a New Age file.
We are calling Daudt HDMI.
That means advanced.
Don't come out as already done previously.
We are inserting Doc to have our base and let's save the file we created.
After that we are creating a new addition of five we are calling style.
Underscore the success in this case.
Do we have the base starting with our buddy?
Open and close, let's say, and let's go back to the fight, HDMI, as you remember, we have seen
the colors at the beginning of the description of the season's first properties to draw special attention
to all the various functions we are seeing now.
And in the following lessons, I'd like you to start with inserting a tag upon which we will perform
all the various trials to make the success advanced attributes immediately recognizable.
Then let's simply insert an H1 tag where we are writing title in block letters, let's say, and set
the visualisations as prevue.
Run without debugging.
Crow and here is our title.
Now that we have our ceasefire upon which to insert the colors, we can first of all choose to define
a base color for all the body, which obviously will be applied also to H1 in this case, as we have
already seen.
Let's use the color, obviously, in addition to insert in our classic red, white, et cetera, et
cetera.
As I mentioned before, we can insert colors also through other methods that are estimate or our be
doing, sir, the code in hexadecimal and therefore have many more colors to choose from.
We have to insert the hashtag which will enable to insert a sequence of letters and numbers which correspond
to a color on the decimal system.
Black, that is most use color for text is of with a sequence of zeros made up of three or six digits.
The exact decimal coding is normally made up of six digits, but insert three is also possible.
As they are enough to give a precise correspondence to a caller.
As to the predefined set of color themes developed within the stylesheets, let's therefore insert six
zeroes ones done this.
We can, as you can see through a simple mouse movement position where the hashtag is and see that this
window appears is the color picker we know offered by Visual Studio Code that we permit us to insert
diverse colourings.
Through a simple movement across this color picture window, you see all the possible combinations in
X decimal.
If we moved always using our window within this sidebar, as you can see, the color shades change.
So that you can insert even colors which come from other gradients.
If we wanted to use green, we might simply stop there and insert this new color shade.
In addition to these agrarians, you can also insert, as you can see, some further shades which correspond
to a certain type of color opacity or color transparency.
Obviously, the lower we go, the more transparent the color will be.
Whereas if we get to the very top, as you see, the hexadecimal encoding remains as such and inserts
only the color itself.
So 100 percent of opacity now that the inserting of a color in hexadecimal is done, we can go back
to the Adyghe HDR on file and insert the link to the stylesheet.
Therefore rel stylesheet.
Type text slash CISSP age R, yes, and let's choose style underscore olivea direct success slash loz.
Now we can save get back to our style adva to verify that you have really saved the insertion of the
color.
After that, let's refresh and we see that our title took the inserted coloring in addition to this
coloring, according to the of the decimal system, you can also insert colors through the RGV mode.
This type of mode is used deleting obviously first the exit decimal and insert in the B word after hitting
enter into our stylesheet.
As you can see, this type of coloring is based on three color tones of red, green and blue, more
or less intense, with digits ranging from zero for the least intense to two hundred and fifty five
for the most intense so that the relative color may appear in our HDMI page.
If we wanted to create, for example, a color switching to green, but with more shades of blue and
with less marked shades of red, we might insert, for example, 20 as a value for red, 200 as a value
for green, and 80 as a value for blue.
In so doing, as you can see, we obtain a different green from the previous one, but still more intense
than the other color combination which has been created thanks to a very light red, a little bit more
intense blue and a very bright green, which made the coloring fluorescent.
If we save and refresh, we see the green color we have here appears also in our title.
Obviously, all of these coloring modes can be complimentary.
So used together in the sheet by inserting first the name after the decimal encoding and then our GBE
for three different colorings in a style sheet.
But I recommend you to use the best fitting your programming mode and stick to that one regardless of
the file type you have to create.
Obviously the most used the mode is the decimal one also because with Visual Studio code you will have
the chance to insert any type of color by simply inserting an actor after that, choosing your code
straight from the screen as provided by the editor.