1
00:00:06,150 --> 00:00:13,080
Talking about colors, in addition to the text component we have seen in the previous lesson, the other

2
00:00:13,080 --> 00:00:20,990
very important property is relative to the background to be able to insert a background into our pages,

3
00:00:21,270 --> 00:00:29,100
we just have to insert the background attribute, as you can see from this list, in addition to the

4
00:00:29,100 --> 00:00:37,440
background by itself, you can also insert additional properties which have all a specific function

5
00:00:38,100 --> 00:00:39,660
within this lesson.

6
00:00:39,660 --> 00:00:46,740
We will simply insert and therefore display the background as color or image.

7
00:00:48,590 --> 00:00:58,550
We will later in the advanced part about this CSX version, three, use further properties able to perform

8
00:00:58,550 --> 00:00:59,570
operations.

9
00:01:01,570 --> 00:01:10,510
Enabling to place as best fit, for example, the inserted images to serve them as repeated, assess

10
00:01:10,540 --> 00:01:16,720
a possible dimension or even insert a background made up of more than one color.

11
00:01:17,800 --> 00:01:28,000
Let's start off from the background, that color property in this case as the food coloring white is

12
00:01:28,000 --> 00:01:36,010
present to correctly visualize our page, we will insert, for example, a green background.

13
00:01:37,890 --> 00:01:48,150
And in so doing, saving and refreshing within our prevue, our background, we have become completely

14
00:01:48,150 --> 00:01:53,160
green, obviously a correct combination of colors.

15
00:01:53,160 --> 00:02:01,440
Keeping in mind the user experience expects at least to colourings, which makes sense, one with each

16
00:02:01,440 --> 00:02:01,860
other.

17
00:02:02,650 --> 00:02:10,770
In addition to, of course, black, for example, defined as the color for the text, we are going

18
00:02:10,770 --> 00:02:18,900
to leave the background white and we are going then to use as colors to complete the palette of our

19
00:02:18,900 --> 00:02:19,470
page.

20
00:02:21,150 --> 00:02:28,830
The green and the red colors or else we will choose a complimentary combination.

21
00:02:31,020 --> 00:02:39,720
This choice is linked to the fact that now when we insert background image, we will use an image.

22
00:02:40,380 --> 00:02:49,470
B.G. Underscore is Tausig PMG, which is attached to this video and contains the love of his tousle,

23
00:02:49,650 --> 00:02:51,690
which is black and green.

24
00:02:52,730 --> 00:03:00,290
Therefore, starting from the assumption to have the green color as the main color, in addition, of

25
00:03:00,290 --> 00:03:09,980
course, to black for the text, we will insert the complimentary color to it that is red naturally.

26
00:03:10,010 --> 00:03:16,300
As far as the colors combinations where we use this reference in the following lessons.

27
00:03:16,700 --> 00:03:24,720
Therefore, whenever inserting a color may be needed, we will stick to this to colourings that start,

28
00:03:24,720 --> 00:03:29,750
then inserting an image, therefore background that image.

29
00:03:29,750 --> 00:03:40,160
And at this point with the tag you are and we have the chance to insert B.G. underscore is P and G.

30
00:03:41,000 --> 00:03:43,510
Let's close with our semicolon.

31
00:03:44,120 --> 00:03:47,360
Let's save and refresh the preview.

32
00:03:48,300 --> 00:03:55,440
As you see within our page, the estancia image got inserted across the whole screen of the document.

33
00:03:56,300 --> 00:04:07,340
As anticipated, we will see later how to correctly manage this type of background image or how to insert

34
00:04:07,340 --> 00:04:10,250
a gradient background into the page.

35
00:04:13,420 --> 00:04:23,320
As for now, let's just leave our white background, inserting only the background property, therefore

36
00:04:23,320 --> 00:04:32,560
deleting all the rest as within the background property, you can insert all the various functions of

37
00:04:32,560 --> 00:04:35,570
the relative properties we have seen before.

38
00:04:35,620 --> 00:04:43,540
I mean, from this list onto a single line for the time being, let's just insert a white background,

39
00:04:43,540 --> 00:04:52,330
let's say refresh and see that the preview is exactly like the one we have created as far as the explanation

40
00:04:52,330 --> 00:04:53,550
on our properties.

41
00:04:53,560 --> 00:04:57,220
And from the next lesson, we will add some new properties.

42
00:04:57,220 --> 00:05:00,220
We will start modifying it.