What is the difference between inline CSS, internal CSS & external CSS? Give examples of
these 3 types in your answer too. Upload your answer to the Dropbox link.
Inline CSS
In inline Css the the style attribute is written inside the HTML tags.
Example:
<p style=”color:blue;”>I am in inline Css </p>
Internal CSS
In this type The Style tag is used inside the head tag of HTML Document
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<style>
p{
color: blue;
}
</style>
</head>
<body>
<p>I am Muhammad ahmad</p>
</body>
</html>
External Css
In External Css we use <link> tag to target any specific CSS sheet
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<title>Title</title>
</head>
<body>
<p>I am MUHAMMAD AHMAD</p>
</body>
</html>
p{
background-color: blue;
