External CSS in web development

What is the external CSS?

External CSS means that web page is separate and .css file is a separate file but web page access the .css

Example of external CSS

1st Step: HTML File



<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />




2nd Step: CSS File

body {
background-color: red;




Priority of external CSS VS Internal CSS

When Priority of external css is high than internal CSS

Similar Problems to understand

  1. How to use HTML code in PHP?
  2. How to use Javascript code in PHP?
  3. How to use PHP code in Javascript? 
  4. How to use external CSS in HTML and PHP?
  5. How to use internal CSS in HTML and PHP?
  6. How to use inline CSS in HTML and PHP?