I begin the style sheet, style.css, by adding the section, TYPOGRAPHY, suggested in the tutorial. This creates the beginning of the style sheet and successfully styled “index.html” when the page is reloaded after the style sheet was created and saved. All of the text has been styled to the font-face of the style sheet.

Font styling was added to the style sheet and then immediately replaced with a different set of stylings. The next step is to give relative size to the h1, h2, etc. headings, and to add color to some of the headings.

The font-size and color works perfectly, however the addition of margin-bottom to the p tag caused the material to go completely off the bottom of the screen with huge spacing between each paragraph.

Added code meant “only for screen readers” and the top title part of the page disappears from the page. This is meant to be, given the -5000em. I commented this bit out of the style sheet as it causes the title/banner to go off screen.

“layout-core.css” was copied to the directory and appropriate text was added to the style.css to load it into the page. This has worked, however, I cannot open layout-core.css in either CoffeeCup or Bluefish — it is a blank page in both editors.

The addition of the css code on pages 49 and 50 screws up the display of the page. It shoves the “main navigation” to the top and writes over other material at that location on the page