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

Prof.Fazal Rehman Shamil (Available for Professional Discussions)
1. Message on Facebook page for discussions,
2. Video lectures on Youtube
3. Email is only for Advertisement/business enquiries.