<h1>My First Heading</h1>
<p>My first paragraph</p>
<p style="font-weight: bold;">My second paragraph</p> <!-- inline css -->
<p>
  This paragraph contains my
  <a href="http://pixels4kids.net" target="_blank">first link</a>
  to another page.
</p>
body * {  /* Affects all descendants of body element. */
   margin: 0px;
   padding: 0px;
}
h1,p {  /* Affects all headings and paragraphs. */
  text-align: left;
  margin-bottom: 0.5em;
  font-size: 19px;
}
h1 {  /* Overrides previous heading CSS rule. */
  font-weight: bold;
  font-size: 1.4em;
}
p > a {  /* Affects only links that are children of paragraphs. */
  color: green;
  font-weight: bold;
}

External CSS

  1. http://digitallearning.esc4.net/pixels4kids/codepen/css/basic.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js