HTML5 & CSS3 Lesson 009

HTML5 & CSS3 Lesson 009


CssGraphic

<!-- Name: HTML5 & CSS3 Lesson 009 -->
<!-- Date: 06/23/2013 -->
<!-- Description: Basic HTML5 & CSS3 Styling Presented by paullewallen.com -->
<!-- Author: Paul Lewallen -->
<!-- Version: 1.0 -->

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5 & CSS3 Lesson 009</title>
    <style type="text/css">
      
      p#par1 {
        background: cyan;
        width: 30%;
      
      }
      
      #span001 {
        background: yellow;
      
      }
      
      #span002 {
        background: lime;
      
      }
      
    </style>
  </head>

  <body>
    <div>
      <h1>HTML5 & CSS3 Lesson 009</h1>
      <h2>Selecting By Identity (ID)</h2>
      <nav>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contact</a></li>
      </nav>
      <p id="par1">Nulla tristique <span id="span001">pretium</span> rutrum. <br>Curabitur <span id="span002">lacinia</span> suscipit varius.</p>
    
    </div>
  </body>
</html>