There are two ways to apply CSS to your WebPages
1. Internal Style Sheet:
2. External Style Sheet:
1. Internal Style Sheet
1. Internal Style Sheet is the one that we type our css code on the webpage. The main tag is <style>. This is created inside the head of the page. We should include the appropriate tag on the head.
<style type=”text/css”>
The Classes will go here…
</style>
2. External Style Sheet:
Using an external style sheet makes it possible to automatically update all the style-affected elements in your web site by changing only the style sheet. This can be a significant time-saver for making formatting changes in a web site with many pages.
This is created on an external file. We must save that file with the extension .css. Note that no tag is required on that file, only the classes.
Lets assume we created a CSS file and saved it by assigning a name style.css. To apply this external css file on our web page we will need to link it to our web page using link tag.
<link href="style.css" rel="stylesheet" type="text/css" />