Learn CSS free| Learn CSS online free for beginners | TechTipsBD71
Learn css free| Learn css online free for beginners
learn css online free |
CSS stands for Cascading Style Sheets. You can never do web design without CSS.No need to turn to others for CSS. Learn CSS, including proper use of Id and Class!
Hello friends, how are you all? I'm fine too; Alhamdulillah. And because I am well, I came to spend some time with you. We will also share stories with you and learn something.
What will we learn today? I have already said that in the title of today's tune. Hope you stay with me till the end of the tune.
Many people have different ideas about CSS. So today I have arranged today's tune with the idea of several questions. If you read today's tune carefully, you will gain a very specialized knowledge about many important aspects of CSS today. So don't skip the tune and read till the end.
The more CSS you know, the more beautiful your Arab site will be. So if you want to be a successful web designer, you must know CSS well.
By using CSS you can give the correct structure to the website. With the help of CSS, you can style your website to a very advanced level.
Why learn CSS? What is the need to learn CSS?
If you think, you have to give a beautiful look to your website, why learn CSS, you will learn CSS so that users are attracted by your look. Because you have to give your website a beautiful look, so that users don't get bored while using the website and can stay on your website for a longer time.
Hello friends, how are you all? I'm fine too; Alhamdulillah. And because I am well, I came to spend some time with you. We will also share stories with you and learn something.
What will we learn today? I have already said that in the title of today's tune. Hope you stay with me till the end of the tune.
Many people have different ideas about CSS. So today I have arranged today's tune with the idea of several questions. If you read today's tune carefully, you will gain a very specialized knowledge about many important aspects of CSS today. So don't skip the tune and read till the end.
What is Css (Css)? What does css mean? CSS full form
CSS stands for Cascading Style Sheets. You can never do web design without CSS. CSS is a sophisticated technical language. You may be able to design the structure with HTML, but you will definitely need CSS to come up with color variations.The more CSS you know, the more beautiful your Arab site will be. So if you want to be a successful web designer, you must know CSS well.
By using CSS you can give the correct structure to the website. With the help of CSS, you can style your website to a very advanced level.
What is the function of CSS (Css)?
CSS is more important in web site. There is no alternative to CSS to decorate a web site with a beautiful layout, diverse forms, colors of text, i.e. everything.Why learn CSS? What is the need to learn CSS?
If you think, you have to give a beautiful look to your website, why learn CSS, you will learn CSS so that users are attracted by your look. Because you have to give your website a beautiful look, so that users don't get bored while using the website and can stay on your website for a longer time.
You may have seen that a person who is a little ugly is looked at differently by people, but a person who is a little beautiful does not lack friends. And people love beauty, so you must know CSS, otherwise you will fail in web design. If you are thinking from that aspect, how to retain visitors if your website is ugly? So to retain visitors you must know CSS. And this is why CSS is essential.
How to learn css it is very difficult for beginners
If you read today's tune carefully, you will get a lot of ideas about CSS. First of all, is css very hard, no it is not hard at all. And if you talk about learning then you have to adopt a little technique and that is -
When you visit different web sites, you want to see the CSS code. This is how your skills will continue to grow. So you need to practice a lot.
Nothing surprising. Chrome browser has provided this facility to all of us. Web developers do this. He looks at the CSS that he thinks is new.
I want you to see this in your hands - suppose you extract the css of wWw.DjSohagRana.Com site. Then go to the browser and visit the site by writing View-Source: before the site. Example-
Now you can see Css of DjSohagRana.Com site. You can also click on any CSS from the browser and click the Inspect option to see the CSS.
You can copy this CSS and edit it as you like. You can copy this CSS and use it yourself.
See how easy it is to find CSS on other websites. I did not say that you can learn CSS very easily.
Here you learned how to extract css from a web site but to become a good web developer you need to understand css yourself. Don't worry, I'll talk about CSS in a bit. How to create css yourself, then everything will be clear. Now that seems complicated or difficult. That will be very easy for you after a while.
When you visit different web sites, you want to see the CSS code. This is how your skills will continue to grow. So you need to practice a lot.
How to see others' CSS? How to view CSS file in Chrome
Almost all of us are using Google Chrome browser. And with the help of this Chrome browser we can extract the CSS of any website. Are you surprised?Nothing surprising. Chrome browser has provided this facility to all of us. Web developers do this. He looks at the CSS that he thinks is new.
I want you to see this in your hands - suppose you extract the css of wWw.DjSohagRana.Com site. Then go to the browser and visit the site by writing View-Source: before the site. Example-
View-Source:wWw.DjSohagRana.Com
Now you can see Css of DjSohagRana.Com site. You can also click on any CSS from the browser and click the Inspect option to see the CSS.
You can copy this CSS and edit it as you like. You can copy this CSS and use it yourself.
See how easy it is to find CSS on other websites. I did not say that you can learn CSS very easily.
Here you learned how to extract css from a web site but to become a good web developer you need to understand css yourself. Don't worry, I'll talk about CSS in a bit. How to create css yourself, then everything will be clear. Now that seems complicated or difficult. That will be very easy for you after a while.
What is ASTM? How to make it?
You might think why HTML when learning CSS? HTML is the framework of every web site. So knowledge of HTML is a must.
I also didn't want to discuss HTML, but learning CSS comes with HTML. In fact, HTML is related to CSS. One cannot exist without the other. I have nothing to do here. So I gave you a little idea. That's it, we can continue working.
How is the general structure of CSS (Css)? How to create CSS?
I've created a CSS below, which you're going to learn today, from now on you won't have to go to people for CSS anymore.
<!-- Example Css Start --><style type="text/css">Your Css Here</style><!-- Example Css End -->
This is a simple CSS style. Your Css Here You have to write something here, right? Actually here we will add CSS. And the rest of what I have written, our CSS will understand. Actually what we write or who we call. This tag must be written when writing CSS.
Why use h2 Tag in Html? How to add h2 css?
This is why we use h2 tag, today we will learn CSS of h2 tag. This tag is useful for Google Seo. Seo ie search engine can easily understand h2 is title tag. So we will always use h2 tag in title. But let's create a css of h2 tag. Let's see...
h2.title{font-color:#ffff;font-size: 15px;font-family:none;background:#0000;padding: 5px ;margin:0px;}h2#title{font-color: #ffffff;font-size: 15px;font-family:none ;background:#0000;padding: 5px ;margin:0px;}
If we want to add the CSS to the style sheet, then we will just put these tags as below. I did not write before, I will put Your Code Here right here.
<!-- Example Css Start --><style type="text/css">h2.title{font-color:#ffffff;font-size: 15px;font-family:none;background:#000000;padding: 5px;margin:0px;}h2#title{font-color:#ffffff;font-size: 15px;font-family:none;background:#000000;padding: 5px;margin:0px;}</style><!-- Example Css End -->
See here, I have added two tcss. You know why I did it, so that I can explain it to you easily. Which dot title (.title), it is called class (Class). And the one that has title ( #title ), we call it ( Id ).
How to apply CSS to Html?
Many people may be thinking this question. You must be happy now. Let's look at the Html Tag.
<html><head><title>Just Example Html Css By TechSohag.Com</title></head><body><!-- Html Tag Start By TechSohag.Com --><h2 class="title">Title One Going Here</h2><h2 id="title">Title Two Going Here</h2><!-- Html Tag End By TechSohag.Com --></body></html>
When we use Class, we start with dot in CSS. Again when I start with Id, then I start with Hash in CSS.
Appropriate use of Id and Class.
I've talked about IDs and classes for a long time but it's also important to know when and where we're going to use IDs or classes.
Today I will teach you the proper use of ID and class. Hope it will make your web design much easier and understandable. I would like to show you the appropriate use of id and class with an example...
<!-- Html Tag Start Appropriate Id Vs Class --><div id="title-one"<h2 class="title">Title One Going Here</h2><h2 class="title">Title Two Going Here</h2><h2 class="title">Title Three Going Here</h2></div><div id="title-two"<h2 class="title">Title Four Going Here</h2><h2 class="title">Title Five Going Here</h2><h2 class="title">Title Six Going Here</h2></div><!-- Html Tag End Appropriate Id Vs Class -->
Here you can see many classes that I have surrounded with a single ID. We have a lot of benefits to understand this. When in this way we keep all Html part by part with different ID among many Html, then we can find the said codes.
As simple as it will be, anyone can easily understand it.
Difference between ID and class in HTML with example
Actually there is no difference between id and class, they work the same. You can use either id or class or both. It depends on your desire.
The question seems to have come in your mind, whether the ID or the class is actually different. Yes, I want to remove this confusion for you.
But if you use ID here, you have to write Hash ( # ) while writing CSS and dot ( . ) while writing CSS if you use class.
Thank you all friends today's tune ends here.
Bye Bye Tata
Credit by:-
Md Sohag Rana ( Admin Of DjSohagRana.Com )