CSS – Introduction
CSs is basically a technology which is very much popular and is very
indispensable for the web designing concepts. Nowadays, a lot of
concepts like bootstrap are totally based on these CSs. candidate
must be familiar with Html and after that you must have a browser
and a text editor like Chrome and Firefox. So once you have these
basic software like the text editor and the web browser you are good
enough to start with T CSs. CSs was invented by Hiking in 10th
October 1994. Means this particular technology is ruling the web
designing words from last more than 20 years and nowadays it is
maintained by the world wide Web consortium maintained throughout
the group of people. Within the W3C that is world wide. web
consortium. in the next video onwards. We will start implementing the
concept of CSs practically.
CSS – BASIC SYNTAX
In this practical implementation, we will see how we can start working
with the basic CSS with the existing HTML document. In general, what
we do is put some MIME type text and CSS all right now inside this
style tag. You can put the style attributes inside this style tag or you
can style the HTML document like whether it will be in line or out for
outside some file. Alternatively, you can style the HTML document
like embedding the style in this way. This is all for now but this is the
first time I've used this style in the past.
CSS – SELECTORS
Selectors are basically something which will help us out in selecting the particular element
or the particular portion of your webpage. Here, we have four kinds of basic selectors:
selector class, selector ID, selector, and universal selector. For example, I have a couple of
tags like for bold tag and for the italics tab I want them to be decorated with the underline
so what I will do is just put the textdecoration : underline here and you can see here b
comma I that means for the bold as well as for the italics I will decorate the text with the
underline. Another way to use the thing inside of EFs is the class selector concept. Styles I if I
am saving it you can see all these tiles are gone away alright so let's remove the text as well.
I'll put some relevant text here so what my requirement is like here I'm putting an h2 at the
heading like heading one and for this particular heading I want to put a paragraph so this is a
paragraph for heading one.
To create a custom style for an element, you can use the name selector, id selector, and class
selector. The name selector selects a specific element by its name. The id selector selects an
element by its ID. The class selector selects an element based on its class name.
, CSS – inclusion in HTML
We've seen a bit but here we'll curl all the way like what are the
different ways of including the CSS with the. HTML so we are going to
discuss about the four different things first one is the inline style
sheet. The CSS syntax embedding is something where you will write
the CSS code inside the. header section of the HTML document inside
the style tab. The way to write the attribute and the value will remain
same but the thing is we will actually pass the value in this style
attribute right where I'm putting the tag since this one is inline if I put
any other h1 tag these styles will not be applicable in that heading like
this is a sample text. This is about the embedding and inline style
sheet but if you want you can just cut all these style attributes from
here and I'll take another document where I'll save them all and now
let's save it in the same folder like currently I'm working in this folder
inside which you have the demo dot html I create another folder here
with the name CSS and inside this I will save it as styles dot CSS.
There are different ways to use a style sheet in HTML. One way is to
use a style sheet and then pass the hyper reference here in the link
tag. Another way is to use style sheets and hyper references. Both
methods work the same way, but there are some differences. When
you use a style sheet and hyper reference, the browser will look for
the style sheet in the same location as the document.html file. If you
want to use a style sheet in a different location, you can use a link tag.
When you use a link tag, the browser will look for the style sheet in the
location that you specify.
CSS – COLORS
When formatting a webpage, it is important to take into account the
different colors that can be used. There are four main ways to pass
color: using hexadecimal values, RGB values, named colors, and CSS
properties. we will look at the different methods of passing color and
how to use them.
CSS – BACKGROUND
Basically, when I talk about backgrounds, you can pass the different
colors in the different ways which we have already learned in the
previous video. Along with that, you can also pass the images in the
different ways. Sometimes you want to fix backgrounds or fix
backgrounds. Sometimes you want a movable background as for your
choice you can pass the background image. You can also set the
position of the background by passing the attribute background
position to any particular value so basically what it will do is when
here you refresh it is taking the margin of 100 pixels from horizontal
CSs is basically a technology which is very much popular and is very
indispensable for the web designing concepts. Nowadays, a lot of
concepts like bootstrap are totally based on these CSs. candidate
must be familiar with Html and after that you must have a browser
and a text editor like Chrome and Firefox. So once you have these
basic software like the text editor and the web browser you are good
enough to start with T CSs. CSs was invented by Hiking in 10th
October 1994. Means this particular technology is ruling the web
designing words from last more than 20 years and nowadays it is
maintained by the world wide Web consortium maintained throughout
the group of people. Within the W3C that is world wide. web
consortium. in the next video onwards. We will start implementing the
concept of CSs practically.
CSS – BASIC SYNTAX
In this practical implementation, we will see how we can start working
with the basic CSS with the existing HTML document. In general, what
we do is put some MIME type text and CSS all right now inside this
style tag. You can put the style attributes inside this style tag or you
can style the HTML document like whether it will be in line or out for
outside some file. Alternatively, you can style the HTML document
like embedding the style in this way. This is all for now but this is the
first time I've used this style in the past.
CSS – SELECTORS
Selectors are basically something which will help us out in selecting the particular element
or the particular portion of your webpage. Here, we have four kinds of basic selectors:
selector class, selector ID, selector, and universal selector. For example, I have a couple of
tags like for bold tag and for the italics tab I want them to be decorated with the underline
so what I will do is just put the textdecoration : underline here and you can see here b
comma I that means for the bold as well as for the italics I will decorate the text with the
underline. Another way to use the thing inside of EFs is the class selector concept. Styles I if I
am saving it you can see all these tiles are gone away alright so let's remove the text as well.
I'll put some relevant text here so what my requirement is like here I'm putting an h2 at the
heading like heading one and for this particular heading I want to put a paragraph so this is a
paragraph for heading one.
To create a custom style for an element, you can use the name selector, id selector, and class
selector. The name selector selects a specific element by its name. The id selector selects an
element by its ID. The class selector selects an element based on its class name.
, CSS – inclusion in HTML
We've seen a bit but here we'll curl all the way like what are the
different ways of including the CSS with the. HTML so we are going to
discuss about the four different things first one is the inline style
sheet. The CSS syntax embedding is something where you will write
the CSS code inside the. header section of the HTML document inside
the style tab. The way to write the attribute and the value will remain
same but the thing is we will actually pass the value in this style
attribute right where I'm putting the tag since this one is inline if I put
any other h1 tag these styles will not be applicable in that heading like
this is a sample text. This is about the embedding and inline style
sheet but if you want you can just cut all these style attributes from
here and I'll take another document where I'll save them all and now
let's save it in the same folder like currently I'm working in this folder
inside which you have the demo dot html I create another folder here
with the name CSS and inside this I will save it as styles dot CSS.
There are different ways to use a style sheet in HTML. One way is to
use a style sheet and then pass the hyper reference here in the link
tag. Another way is to use style sheets and hyper references. Both
methods work the same way, but there are some differences. When
you use a style sheet and hyper reference, the browser will look for
the style sheet in the same location as the document.html file. If you
want to use a style sheet in a different location, you can use a link tag.
When you use a link tag, the browser will look for the style sheet in the
location that you specify.
CSS – COLORS
When formatting a webpage, it is important to take into account the
different colors that can be used. There are four main ways to pass
color: using hexadecimal values, RGB values, named colors, and CSS
properties. we will look at the different methods of passing color and
how to use them.
CSS – BACKGROUND
Basically, when I talk about backgrounds, you can pass the different
colors in the different ways which we have already learned in the
previous video. Along with that, you can also pass the images in the
different ways. Sometimes you want to fix backgrounds or fix
backgrounds. Sometimes you want a movable background as for your
choice you can pass the background image. You can also set the
position of the background by passing the attribute background
position to any particular value so basically what it will do is when
here you refresh it is taking the margin of 100 pixels from horizontal
