Home | Computer Science




3. Example of External CSS

Here is what the "styles.css" file looks like:
"styles.css":

h1{
  background-color: green;
}

div {
  background-color: lightblue;
}

p{
  background-color: yellow;
}




 "External.html"
 
 <html>
<head >
  <link rel="stylesheet" href="styles.css">
  </head >
 <body>

<h1> <Hello World! </h1 >

<div > These paragraphs are styled with CSS.</div >


<p >These paragraphs are styled with CSS.</p>
</body>
</html>



  
  
 



Hello World!
These paragraphs are styled with CSS.
These paragraphs are styled with CSS.