Showing posts with label #ITfirmkochi. Show all posts
Showing posts with label #ITfirmkochi. Show all posts

Wednesday, October 9, 2019

Tell me, how to integrate CSS file to your webpage?

1. With an external file that you link to in your web page:

<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?"