1.INLINE CSS IN HTML
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">Hello goodmorning</h1>
<p style="color:red;">have a nice day!.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>hello Goodmorning</h1>
<p>Have a nice day!.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello goodmorning</h1>
<p>Have a nice day!</p>
</body>
</html>
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
<link rel="stylesheet" href="styles.css">