HW Week 4.2

HW Specifications

For this weeks assignment you will be practicing the use of CSS selectors and basic property: value styling rules. Your site directory will need to include;

index.html
css/styles.css
fonts/yourAwesomeFont.* (all necessary formats)

Even though this is a exercise in use of CSS properties, you should try to make your page look "good".

Necessary Elements

Create an html page that is a story of nonsense. This story should include many elements, which you will select within your CSS file. I would suggest using span elements, in addition to rewriting the rendering of other syntax/inline elements (, , etc).
Your page must include the following minimum requirements.
- You should have at least one example of each of the following "selector" types.
  - Some general definitions for body {} or * {}
  - Element selector h1 {}
  - Select multiple elements at once h1, h2 {}
  - Select a child element of a parent p b {}
  - Select a class that effects multiple elements .myClass {}
  - Select an id p#myID {}
- You should have a child element that inherits a property from its parent using the property: inherit for something such as 'padding' or 'background-color'.
- Set the foreground and background color of elements using at least one of each;
  - color name
  - hex code + an opacity value
  - rgba value
  - hsla value
- Use at least one of each of the following fonts types.
  - A Serif font
  - A Sans-Serif font
  - A monospaces or fixedwidth font
  - A ridiculous font that seems completely inappropriate.
- At least one font should be downloaded from a source such as font squirrel and placed with the page, loaded using the @font-face declaration. how to link
- At least one font should be loaded from google fonts. how to link
- Font sizes specified using
  - px
  - percentage
  - em
- At least one instance of each of the following styling properties;
  - font-weight: bold;
  - font-style: italic
  - text-transform:
  - text-decoration:
  - line-height:
  - letter-spacing:
  - word-spacing:
  - text-align:
  - text-indent:
  - text-shadow:
- At least three uses of a pseudo-class, such as;
  - a:link {}
  - p:hover {}
  - input:focus {}
  - or any found at w3schools page or the Mozilla Developer Page
- At least one use of a pseudo-element, such as;
  - elementSelector::first-letter {}
  - elementSelector::first-line {}
  - or any found at w3schools page

In addition, you should make a blog entry in the same directory (this will be a README.md file). Please discuss any challenges, successes or findings.