Types of CSS and their Differences 

Have you started learning web designing these days? Yes! Then as a beginner you should learn about every important concept and language of web. There is no doubt that HTML and CSS are the basic languages and must to learn for every beginner like you. 

Let me tell you about these two.  

HTML

For making a structure of a complete website, HTML plays a big role. The structure of the site mainly depends on it. After making the structure we use CSS to make site
presentable and add feel into that static web page. For those who are interested in learning HTML from its initial stage, there is a HTML5 and CSS3 training institute in Delhi to join.  

Role of CSS is important to understand.  

The latest version of CSS is CSS3. The changes are mainly animations, shadow, transitions, text-effects, rounded corner, and many more options are there. It is not always recommended to start with back-end before learning front-end since CSS is a part of front-end. If you are already into front-end then you can go for web development courses. 

There are three types of CSS lets understand them one by one.

Internal CSS: According to the name, Internal CSS is used with in the HTML page. In simple words, if you working in Index.html file and want to write CSS code in the same file then you can use internal CSS. 

These are the steps to use internal CSS: 

  • First, Open the HTML page and add style tag inside the tag. 
  • Note inside the style tag you can write CSS code. 

External CSS: It is the opposite of the internal CSS. In this type we create a different file of CSS. With the .css extension after that
link it with the .html file  

To link .CSS file into.html file you just need to go in the html file and in the head section add
link and give the .css file path. And now you can write CSS code in different
file. 

Inline CSS: If you want to style a specific element then use inline CSS. In this type we can write css code inside a specific HTML element for example : Hello world!

 

So, there are three types of CSS internal, External, Inline. Now it is obvious to have question in your mind that is which one is better. So the end of this question is that always use external CSS because it will help in analyzing the code easily. And It will help in making clean code structure. Go for web design courses in Delhi and run with the experts.