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

<html>

<head>

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

</head>

<body>

</html>

2nd Step: CSS File

body {
background-color: red;
}

index.html

itstyle.css

 

Priority of external CSS VS Internal CSS

When Priority of external css is high than internal CSS