anchor.diff:  ```
   In this example the HTML tells the browser to look for a file called _style.css_ in the same folder as the HTML file.  _style.css_ is a conventional name for the main stylesheet.  Now all of the CSS placed in the _style.css_ file will be loaded with the page.  You can of course link as many CSS files as you would like, and CSS is very often seperated into multiple files for the sake of organization and ease of use.
   
  -NOTE: *Going forward we will only be using external stylesheets.*  It is concidered best practice to do so (aside from rare special cases.)  I mention internal stylesheets and inline styles only for awareness and so you will not be surprised when you run across them in the wild (you will.) However, they should really try to be avoided.
  +NOTE: *Going forward we will only be using external stylesheets.*  It is considered best practice to do so (aside from rare special cases.)  I mention internal stylesheets and inline styles so you will not be surprised when you run across them in the wild (you will.) However, they should really try to be avoided.
   
   == Cascading, Inheritance, and Specificity 
   Consider the following HTML and CSS:
  
positive.code: ```
  <h2 style="color:blue; background-color: yellow; padding: 2px; font-size: 15px; text-align: center;">BEEP BOOP!</h2>
  ```
  Things are getting crowded, but not too horrible I guess.  However, consider that *inline styles only apply to the specific element they are present on*.  In other words, our styling will only be visible on that single `<h2>`. If we wanted to reuse those styles on other `<h2>` elements in the document we will have to copy all of our styling to each individual element.  As you can imagine this will be a lot of extra work for us, the HTML will become nearly illegible, and making changes to the styles will be nightmareish at best. Plus, what happened to all that preaching about seperating presentation and content? We are clearly violating that, right? There is a better way. As simple and as tempting as they may be at times, *inline styles should be a last resort*.
  
  ==== Selectors, Decleration Blocks, and Internal Stylesheets
  
  
negative.code: ```
  background-color: red;
  ```
  `background-color` is the property and `red` is the value. Its really as simple as that.  Occasionally you may see something that appears to break this convention, but usually it is just a shorthand for the simple `property: value;` syntax.  For example
  ```
  margin: 10px 0 9px 20px;
  ```
  