<link href="myCSSfile.css" rel="stylesheet" type="text/css">
or using the import method:
<style type="text/css" media="all">
@import "myCSSfile.css";
</style>
Advantages:
- make the HTML pages neater and easier to manage
- It can reduce the amount of work done
Note : if you have more than one web page with the same stylistic properties, you should create
a separate CSS file and link your webpages to it.
2. By creating a CSS block in the web page itself; typically inserted at the
top of the webpage in between the <head> and </head> tags:
<head>
<style type="text/css">
p { padding-bottom: 12px; }
</style>
</head>
Note: Use this method If you want to override the CSS you have in a linked CSS file
or if you have only one-page website.
3. By inserting the CSS code right on the tag itself:
<p style="padding-bottom:12px;">Your Text</p>
Note: Use this method if you want unique element/tag need to affect with the CSS
Back to Questions: Tell me, how to integrate CSS file to your webpage?- "Tell me, how to integrate CSS file to your webpage?"
