Ad Code

“Develop and demonstrate the usage of inline, internal and external style sheet using CSS.”

Code:
<!DOCTYPE html>
<html>
<head>
  <title>CSS Stylesheet Usage</title>
  <!-- External CSS Link -->
  <link rel="stylesheet" type="text/css" href="external.css">
  <style type="text/css">
    /* Internal CSS */
    .internal {
      color: blue;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1 style="color: red;">Inline CSS</h1>
  <p style="font-size: 18px;">This is an example of inline CSS styling.</p>

  <h1 class="internal">Internal CSS</h1>
  <p class="internal">This is an example of internal CSS styling.</p>

  <h1 class="external">External CSS</h1>
  <p class="external">This is an example of external CSS styling.</p>
</body>
</html>
Reactions

Post a Comment

0 Comments