Brennen Sager
Intro to Web Development
Week 4 Lab

1. https://www.hawkeyegamersclub.org/styles/mastercss.css
   

   1. What do you notice first?
      The first thing that I notice about this stylesheet is that there aren't any commas between all of the selectors.
   
   
   2. Pick 3 style rules and tell me what each rule does.
      1. .navbar-default
         This style rule sets the background color and border color to the hex color #000. This is black.
      
      
      2. .fbg
         This style rule sets the background to black, and the other color to light grey.
      
      
      3. #wrapperimg
         This style rule is in charge of setting the background position, and makes sure that the image does not scroll with the rest of the page. This means the image is in a fixed location on the screen.
   
   
   3. Do any of the style rules not make sense? Copy and paste the rule into the answers on your lab page.
      To me, the style rule that doesn't make sense is this: "html, body {height: 100%;}" The reason why this doesn't make sense to me is because isn't the default height of the body and html already at 100%?
   
   

1. https://webstudentwork.com/mo/css/main.css
   

   1. What do you notice first?
      The first thing that I noticed is that the indentation is much bigger than in the first stylesheet. Another thing that I noticed is that there is a large portion of code that is in comments /**/
   
   
   2. Pick 3 style rules and tell me what each rule does.
      1. .side-navbar
         This stylerule sets the properties for the navigation bar. It makes it in a fixed locaion, sets background colors, and sets the margins and position on the page. One thing that I don't understand about it is the transition.
      2. #menu-btn
         This style rule sets the background color, and text color of an element. I'm assming it is meant for the menu button because of the name.
      3. h4,h3,h1
         I believe that the style rule for this changes the font color of the headings to #062f81. This color is blue.
   
   
   3. Do any of the style rules not make sense? Copy and paste the rule into the answers on your lab page.
      The style rule that I think doesn't make sense is: ".my-container {transition: 0.4s;}" The reasonn for this is because I'm not sure what a transition is in CSS. I am assuming that it is used for opening and closing menues, but I'm not quite sure yet.