External CSS in web development

What is external CSS?

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

Example:

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;
}

Output: