how to make an external css file for html code example
Example 1: how to add a css file in html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Example 2: css without separate file
just add any style inside the first <p> or other element tag using style=" ;"
<p style="font-size: xx-large;">test</p>