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


1 comment:

  1. Nicely explained the topic "SEO Services" same as you mention about is quite popular these days in the united kingdom, United States, Ireland, And other countries. our company provides same services without any risk, kindly visit to know Website Design Company in London

    ReplyDelete