HTML and CSS Reference
In-Depth Information
<h2>consectetur adipisicing elit</h2>
<p>
...content goes here...
</p>
<h3>sed do eiusmod</h3>
<p>
...content goes here...
</p>
<p>
...content goes here...
</p>
<h3>tempor incididunt ut</h3>
<p>
...content goes here...
</p>
<p>
...content goes here...
</p>
</div>
</body>
</html>
Now the CSS—we included comments for each style applied, to explain what's doing
what:
/* In the body element, we set our base font size
to 62.5% and set up our initial font. */
body {
font-family: Constantia, Georgia, "Times New Roman", serif;
font-size: 62.5%;
color: #1a1a1a;
}
/* div#content contains all of our text. here, we set
the mix and max width so that our line lengths
never get too long or too short. */
div#content {
min-width: 20em;
max-width: 40em;
font-size: 1.4em;
width: 75%;
margin: 6em auto;
}
/* Some base styles for our headers. Note the
smaller bottom margin, capitalization, and
kerning (letter-spacing ) */
