Introduction to CSS and types of CSS

Introduction to CSS and types of CSS

CSS stands for Cascading style sheet.
CSS are usually used in web pages to format the pages and to make them more impressive.
CSS includes formatting web pages by specifying fonts, colours, borders, etc.

There are 3 types CSS:-
1. Inline CSS:-
When style is specified in the html tag itself , then this css is known as inline CSS.

ex. :


2. Embedded CSS :-
When style is defined in the….. part of the page, then that css is embedded css.

ex. :


3. External Style Sheet:-
When a separate style sheet document is created and attached in webpage using
tag then, it is the external style sheet.

ex.: consider that a document named ‘style.css’ is available the to attach it or to use the styles use link tag in head section.



  1. jc8654

    One of the nice things about external CSS stylesheets is that they save you time later on if you want to change the colour, background, fonts or general layout of your site.

    If every page of your site gets its formatting etc. from one place, by changing the information in that stylesheet, all the pages change automatically. This means providing you code correctly initially using the right tags etc. (google CSS and then the thing you want to know to find out how to do it properly) you just have to change a small amount of coding to give everything a new look saving you hours of work while the people who use the site think “WOW, that must have taken hours”. Little do they know! ;-)

    One final comment, make sure you run your CSS and html through a validator and that should hopefully help make the sites look the same in all browsers but it is worth checking manually.

Leave your comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.