1
00:00:00,000 --> 00:00:06,090
to wear it.

2
00:00:06,090 --> 00:00:08,690
CSS styles In a website,

3
00:00:08,690 --> 00:00:13,450
you can use three different ways to insert CSS cold,

4
00:00:13,450 --> 00:00:18,630
the first internal style shit second,

5
00:00:18,630 --> 00:00:24,050
external style shit and last using in Leiden style.

6
00:00:24,050 --> 00:00:30,850
The advantage for using each depends on what you are doing with style.

7
00:00:30,850 --> 00:00:39,350
Let's see now out to use each one of them and what the advantage and these advantages.

8
00:00:39,350 --> 00:00:47,330
First,

9
00:00:47,330 --> 00:00:53,690
the internal style shits where you write This year's has called for the weapons in dead

10
00:00:53,690 --> 00:01:01,350
section off a particular file being inserted inside the style opening and close tech.

11
00:01:01,350 --> 00:01:05,950
That was the methods that I used in the previous chapters,

12
00:01:05,950 --> 00:01:09,440
where I change the style of a bear ref.

13
00:01:09,440 --> 00:01:19,820
And then having this makes it easy to apply styles in order to reuse Deco's Do these

14
00:01:19,820 --> 00:01:26,810
advantage off using an internal style shit is that changes to the internal style shit on

15
00:01:26,810 --> 00:01:30,850
Lee Effect the page where the causes inserted into.

16
00:01:30,850 --> 00:01:36,320
So if you want to apply styles in another pages,

17
00:01:36,320 --> 00:01:44,160
you need to declare all of your styles on every single page of your website inside the

18
00:01:44,160 --> 00:01:45,480
section F.

19
00:01:45,480 --> 00:01:49,260
For the next example,

20
00:01:49,260 --> 00:01:52,810
I want to specify some new properties,

21
00:01:52,810 --> 00:02:00,050
foreign adding and the paragraph that I have defined in the HTML colt using some text.

22
00:02:00,050 --> 00:02:03,470
Like I said,

23
00:02:03,470 --> 00:02:12,500
the gold is written in that section and inside style tag I defined now with CSS rule for my

24
00:02:12,500 --> 00:02:19,450
having one with color blue and size 24 pixels.

25
00:02:19,450 --> 00:02:22,990
For the paragraph,

26
00:02:22,990 --> 00:02:27,550
I want the fund size with value 20 pixels,

27
00:02:27,550 --> 00:02:35,250
background color yellow and to define the fun family I use value could here.

28
00:02:35,250 --> 00:02:42,320
Now that I define adding in paragraph rules,

29
00:02:42,320 --> 00:02:51,630
you see the changes in the browser the second way to wear it sell sheets to your weapons is

30
00:02:51,630 --> 00:02:55,960
using an external style shit that is simple.

31
00:02:55,960 --> 00:03:00,350
A CSS individual filed that you link to your website.

32
00:03:00,350 --> 00:03:08,600
The huge advantage of using this method is that whatever you changed in the CSS shit will

33
00:03:08,600 --> 00:03:15,050
affect every page in your website that is connected to the CSS file.

34
00:03:15,050 --> 00:03:22,950
So dis prevents you from having to make medical changes in each page.

35
00:03:22,950 --> 00:03:36,050
CSS files can be created using any text editor like when you create an HTML file.

36
00:03:36,050 --> 00:03:45,260
The only difference is that you must save the file with the CSS extension to include an

37
00:03:45,260 --> 00:03:48,680
external style sheet in one off your webpages.

38
00:03:48,680 --> 00:03:52,800
You need to have a link tech within the earth.

39
00:03:52,800 --> 00:03:57,300
Take off your page where you use attributes.

40
00:03:57,300 --> 00:04:07,280
REHL Debt specifies the relationship between the current document and linked documents and

41
00:04:07,280 --> 00:04:09,850
type attribute to tell the media.

42
00:04:09,850 --> 00:04:12,650
Type off the length documents.

43
00:04:12,650 --> 00:04:16,710
Did a draft simply tell?

44
00:04:16,710 --> 00:04:19,150
Is the location off the CSS file?

45
00:04:19,150 --> 00:04:28,500
You can see now all these attributes defines in our document using style sheets called

46
00:04:28,500 --> 00:04:30,950
style dot CSS.

47
00:04:30,950 --> 00:04:38,250
So I want to ever see assess file type with names style.

48
00:04:38,250 --> 00:04:44,090
And that's what I do know create in my main directory.

49
00:04:44,090 --> 00:04:45,960
The file with name,

50
00:04:45,960 --> 00:04:51,250
style dot CSS that will be my external style sheets.

51
00:04:51,250 --> 00:04:55,670
In the first example of internal style shits,

52
00:04:55,670 --> 00:05:00,200
I create the style for adding in paragraph elements,

53
00:05:00,200 --> 00:05:02,890
but now I want to do the same.

54
00:05:02,890 --> 00:05:05,850
But with the external CSS file,

55
00:05:05,850 --> 00:05:20,730
I just need to move the rule created to my CSS file after saving defile is visible debt.

56
00:05:20,730 --> 00:05:30,450
My webpage still f the styles applied previously with text color blue and size 24 pixels

57
00:05:30,450 --> 00:05:34,650
and the cells defined for the paragraph with front size,

58
00:05:34,650 --> 00:05:35,840
20 pixels,

59
00:05:35,840 --> 00:05:45,430
background color yellow and fund family Could ea if I simple change,

60
00:05:45,430 --> 00:05:48,150
spare ref background color in CSS.

61
00:05:48,150 --> 00:05:56,610
You see that HTML documents that is connected to external CSS file will change background

62
00:05:56,610 --> 00:05:58,050
color off paragraph.

63
00:05:58,050 --> 00:05:59,850
As expected,

64
00:05:59,850 --> 00:06:10,740
Resuming external style sheets allow you to put all of your styling information into a

65
00:06:10,740 --> 00:06:13,390
completely separate CSS file.

66
00:06:13,390 --> 00:06:19,530
You can then simply reference CSS file from within.

67
00:06:19,530 --> 00:06:26,650
Each webpage and page content will then be styled according to the file.

68
00:06:26,650 --> 00:06:35,340
The obvious huge advantage off this method is that you need only change the style in your

69
00:06:35,340 --> 00:06:36,700
style sheet file,

70
00:06:36,700 --> 00:06:44,020
and the changes will cascade through the rest of your website being the best methods to use

71
00:06:44,020 --> 00:06:44,020
,

72
00:06:44,020 --> 00:06:48,650
giving a great flexibility and easy maintenance.

73
00:06:48,650 --> 00:06:53,730
Now,

74
00:06:53,730 --> 00:06:54,410
finally,

75
00:06:54,410 --> 00:07:03,290
Dean Line style that is specific to the tag itself uses the HTML style attributes to change

76
00:07:03,290 --> 00:07:04,750
the elements style.

77
00:07:04,750 --> 00:07:12,340
This method is not recommended because every change that you might in the CSS cold as to be

78
00:07:12,340 --> 00:07:15,850
made in every tag that you want to apply the style.

79
00:07:15,850 --> 00:07:20,480
So if you have three paragraphs in a page,

80
00:07:20,480 --> 00:07:24,750
you have to apply the styles three times inside each deck.

81
00:07:24,750 --> 00:07:33,830
This is a good matter to apply for individual CSS changes that are not to use repeatedly in

82
00:07:33,830 --> 00:07:39,250
a website for this example,

83
00:07:39,250 --> 00:07:44,950
I have to equal paragraphs where I changed the first,

84
00:07:44,950 --> 00:07:50,650
the caller to blue and font size to 30 pixels.

85
00:07:50,650 --> 00:07:59,790
This change our only applied to the specific paragraph you see in the browser.

86
00:07:59,790 --> 00:08:04,150
That situation where the second paragraph has no changes.

87
00:08:04,150 --> 00:08:09,570
This matter is far from ideal.

88
00:08:09,570 --> 00:08:10,500
Like I said,

89
00:08:10,500 --> 00:08:14,150
because if you want to change the style properties,

90
00:08:14,150 --> 00:08:22,220
you would have to have it each and every instance off the style on every single page of

91
00:08:22,220 --> 00:08:23,350
your website,

92
00:08:23,350 --> 00:08:26,180
Thanks.