Codeflexday6.html

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8">
    <meta name="veiwport" content="width=device-width, initial-scale=1.0">
    <title>day6</title>
    <link rel="stylesheet" href="Day6.css">
     <style>
      li {
        color:white;
        background-color: grey;
        margin: 2px;
        width: 80px;
      }
      
    </style>
  </head>
  <body>
    <h1 style="color:blue; font-size:40px">STYLES</h1>
    <p>Styles are used to beautify a page. They can be veiwed as the muscles of a page. In the absence of a style, a webpage will look boring and unnatractive</p>
    <p>styles in html are mainly done using CSS</p>
    <p>
      css styles in a page are grouped ino
      <ol>
        <li>inline css</li>
        <li>external css</li>
        <li>internal css</li>
      </ol>
    </p>
    <p><h3>INLINE CSS:</h3> This is used to style a particular element. The style is applied within the opening tag of the element using the style attribute.</p>
    <p><h3>INTERNAL CSS:</h3> This is used to style only one html page. The styling is done within the page. To perform internal css, the style tag is used in the head of the element.</p>
    <p><h3>EXTERNAL CSS:</h3> This form of styling stores the css style in anothe file. The file has the extension .css and is acessed using the link tag in the head element. One css file can be used to style multiple pages</p>
    <footer>
      <a >codeflex</a>
      <a>George</a>
    </footer>
  </body>
</html>