<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Types of Css with codes</title>
<link rel="stylesheet" href="TypesOfCss.css">
</head>
<style>
/* this is an internal css in which all properties are written on the page whare we wanna apply it */
.internal{
color: crimson;
background-color: black;
}
</style>
<body>
<p>There arebthree basic typeds of the css
<ol>
<li>
internal css
</li>
<li>
external css
</li>
<li>
inline css
</li>
</ol>
</p>
<!-- this type of css is called inline in which all propweerties are written the tag where it is to be used -->
<p style="color: red; background-color: black;"> line css is the type sf scc in which all properties are aplied in the tag </p>
<p class="internal">This type of css is known as the internal css</p>
<span>This is study of the external css </span>
</body>
</html>