In this Document I am going to teach you CSS from starting to the end.
I'm going to explain CSS with the help of example driven approach.
Along with my handwritten notes you will be able to revise anytime.
Will start from the basic CSS and go till the advanced level. Will make
a project at end. HTML is just a skeleton layout of a website. If you
want to make an attractive website then you absolutely need CSS. CSS
stands for cascading style sheets. By writing CSS in some sort of
syntax we make our HTML look better. It helps to make our website
look beautiful. Your website will work but it will not display a colorful
and responsive layouts. We start by installing VS code. In this tutorial
we are going to VS code because it is a source code editor. Simply,
search for install VS code on Google. Open this website and install vs
code. Download this if you 're on windows or install it if you are using
mac. If VS code is already installed just like it is in my machine.
If I open the power-shell by clicking shift and right click. Or you can
open the terminal if you are on Linux. I 'll show you the benefits. If you
write “ code. ” and click enter. Then that particular folder will open
with vs code. This means I can control this directory from VS code. I
can create folders, sub-folders and so on. This is beneficial. Why learn
CSS ? It is a very demanded skill. Many people have learned CSS but
only some of them have mastered it. Today if we want a web
developer who is good at CSS. Who can customize any website. There
are very few of them. If you master this skill and prove it to your
employer. Then you are going to win and get the internship or the job.
You will get the full explanation when you watch this full tutorial. If you
are using Chrome for learning CSS it will work. But if you are learning
CSS then you should use Firefox. I do n't think in today 's world anyone
would recommend Firefox over Google Chrome. But I am
recommending Firefox.
Close Chrome and open chapter 0 in Firefox. In Chapter 0 we talked
about writing our first line of CSS. We switched to the Firefox topic.
Quickly I 'll tell you that for adding CSS add tag after title inside head.
After that you can write something like this. You can change the
background color of the body to red. The second way to add CSS is to
create a. CSS file. This means that it will be of no use. Save the file
using CTRL + S. After that you ’ll have to use that. Your style-sheet will
work. If you have changed the color of the background to Red, that 's
it for now. This will make your page background as Red. We 'll open
this folder by right clicking and selecting open it with vs code. You can
extract the files using this zip file. You should know how to add
boilerplate code in html using emmet. If you know why it is not letting
me delete this folder. Please let me know in the comment section why
this is happening.
DOM stands for document object model. DOM is constructed as a tree
of objects. DOM manipulation means to change something inside this
tree like structure. Add an element to something or change the text.
I'm going to explain CSS with the help of example driven approach.
Along with my handwritten notes you will be able to revise anytime.
Will start from the basic CSS and go till the advanced level. Will make
a project at end. HTML is just a skeleton layout of a website. If you
want to make an attractive website then you absolutely need CSS. CSS
stands for cascading style sheets. By writing CSS in some sort of
syntax we make our HTML look better. It helps to make our website
look beautiful. Your website will work but it will not display a colorful
and responsive layouts. We start by installing VS code. In this tutorial
we are going to VS code because it is a source code editor. Simply,
search for install VS code on Google. Open this website and install vs
code. Download this if you 're on windows or install it if you are using
mac. If VS code is already installed just like it is in my machine.
If I open the power-shell by clicking shift and right click. Or you can
open the terminal if you are on Linux. I 'll show you the benefits. If you
write “ code. ” and click enter. Then that particular folder will open
with vs code. This means I can control this directory from VS code. I
can create folders, sub-folders and so on. This is beneficial. Why learn
CSS ? It is a very demanded skill. Many people have learned CSS but
only some of them have mastered it. Today if we want a web
developer who is good at CSS. Who can customize any website. There
are very few of them. If you master this skill and prove it to your
employer. Then you are going to win and get the internship or the job.
You will get the full explanation when you watch this full tutorial. If you
are using Chrome for learning CSS it will work. But if you are learning
CSS then you should use Firefox. I do n't think in today 's world anyone
would recommend Firefox over Google Chrome. But I am
recommending Firefox.
Close Chrome and open chapter 0 in Firefox. In Chapter 0 we talked
about writing our first line of CSS. We switched to the Firefox topic.
Quickly I 'll tell you that for adding CSS add tag after title inside head.
After that you can write something like this. You can change the
background color of the body to red. The second way to add CSS is to
create a. CSS file. This means that it will be of no use. Save the file
using CTRL + S. After that you ’ll have to use that. Your style-sheet will
work. If you have changed the color of the background to Red, that 's
it for now. This will make your page background as Red. We 'll open
this folder by right clicking and selecting open it with vs code. You can
extract the files using this zip file. You should know how to add
boilerplate code in html using emmet. If you know why it is not letting
me delete this folder. Please let me know in the comment section why
this is happening.
DOM stands for document object model. DOM is constructed as a tree
of objects. DOM manipulation means to change something inside this
tree like structure. Add an element to something or change the text.
