WEBVTT FILE





1
00:00:06.350 --> 00:00:12.599
in this video we're going to learn about the syntax of inline CSS first of all

2
00:00:12.599 --> 00:00:19.260
this go to the project folder and create a new folder for the CSS chapter let's

3
00:00:19.260 --> 00:00:34.050
call it CSS and let's open this folder using brackets okay we're going to

4
00:00:34.050 --> 00:00:41.250
create a new file inside this fall down is called inline CSS those HTML I'm

5
00:00:41.250 --> 00:00:47.899
going to paste the web structure taken from the hello world file and let's have

6
00:00:47.899 --> 00:00:59.100
title inline CSS okay so we're going to create a paragraph deciding what not to

7
00:00:59.100 --> 00:01:09.630
do is as important as deciding what to do okay so we want to decorate this

8
00:01:09.630 --> 00:01:14.850
paragraph using inline CSS as the name suggests inline CSS means that we are

9
00:01:14.850 --> 00:01:20.310
going to be putting some styling inside the tag of the HTML element so we're

10
00:01:20.310 --> 00:01:27.150
going to use the style attributes and inside this style we're gonna set the

11
00:01:27.150 --> 00:01:32.189
parameters that we want so let's start with the color for instance and let's

12
00:01:32.189 --> 00:01:39.750
set it to green okay let's go for like preview to see these changes cause we

13
00:01:39.750 --> 00:01:48.990
are making them oh okay and let's change the font size as well to 300% for

14
00:01:48.990 --> 00:01:56.700
instance okay so the standard is 100% which is 16 pixels and 300% means that

15
00:01:56.700 --> 00:02:02.390
it's three times bigger than the standard okay which means it's 48 pixels

16
00:02:02.390 --> 00:02:08.129
alright so this is the syntax it's by using up style equal sign and then

17
00:02:08.129 --> 00:02:12.599
inside the quotation marks we put all the parameters and we set them to

18
00:02:12.599 --> 00:02:16.390
whatever once okay so this is how inline CSS

19
00:02:16.390 --> 00:02:18.959
works