External CSS in web development

By: Prof. Fazal Rehman Shamil
Last modified on April 20th, 2020

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