Intro to HTML & CSS – Part 6

In this tutorial, we’ll add more CSS selectors as we build confidence with our new CSS skills.

Part 6 – More Fun with CSS

CSS by itself isn’t very difficult. What makes CSS a challenge is it’s depth. There is a lot to learn and it will take a lot of time. But you make progress by learning small chunks at a time and apply them to projects you’re working on.

The Tutorial on SafeYouTube


Source Code Files


<!doctype html>

  <meta charset="utf-8">
  <title>NerdArmy Journal</title>

    body {
      background-color : black;

    h1 { 
      background-color : red; 
      color : yellow; 
      font-size : 48px;
      font-family : Verdana, sans-serif; 

    h2 {
      border-bottom : 2px solid cyan;
      color : cyan;
      font-size : 22px;
      font-family : Verdana, sans-serif;
      font-weight : bold;

    p, ul {
      color : white;
      font-family : Verdana, sans-serif;

    a {
      color : yellow;
      text-decoration : none;

    a:hover {
      color : cyan;
      font-weight : bold;

    ul {
      list-style-type : square;

    img {
      width : 200px;
      border : 10px solid red;
      border-radius : 40px;
      padding : 20px;




  <h1>Welcome to the NerdArmy Journal</h1>
    This is NerdArmy's daily journal of life during the
    Cornovirus!  To learn more about me... <a href="aboutMe.html">click here</a>!

  <h2>April 1, 2020</h2>
  <p>I almost forgot about the greatest band of all-time</p>
  <a href="" target="_blank">
    <img src="images/ssrs.jpg" alt="Stickshift Rocketship">

  <h2>March 30, 2020</h2>
    Here is a list of some of my favorite bands.
      <li><a href="" target="_blank">Van Halen</a></li>
      <li><a href="" target="_blank">Beastie Boys</a></li>
      <li><a href="" target="_blank">Led Zeppelin</a></li>




Was this helpful?

0 / 0

Leave a Reply 0

Your email address will not be published. Required fields are marked *