Embedding CSS demo

by REPLY2SAGAR

HTML

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">

    <style>
       .internal_div_demo{
            background-color: lightblue;
            color:black;
        }
      
    </style>
</head>
<body>
    <h1>CSS Demo</h1>
    
      <p style="color: blue; font-size: 16px;">This is a paragraph with <strong>inline CSS.</strong> </p>
      
      
     
      
         <div class="internal_div_demo">
    This is a div. Black color is coming from 
     <strong>Internal CSS.</strong> 
    </div>
    
     <br/>
    
      
    <div>
    This is a div. Green color is coming from 
     <strong>EXTERNAL CSS file.</strong> 
    </div>
    
  
    
</body>
</html>

CSS

div{
    color: green;
}