Lab 2 Answers

Abigail McCarthy

  1. External style sheet
  2. This method allows for multiple pages to have the same style. It makes the HTML pages cleaner and easier to change because the CSS is kept in a separate page not all throughout the HTML document
  3. The type of document the link is being made to, the relationship of the document that is being linked, and the location of the file.
  4. The comma is used to deliminate the HTML elements that the CSS is associated with
  5. Not all the text changed to red. The text that did not had other color specifications made in CSS that related directly to that element
  6. This changed the layout to being shifted to the left side of the browser.
  7. Section is a HTML element. Info is an ID. Stats is a class.
  8. Dots indicate a class and # is for a id.
  9. It makes sure that the style stays consistent throughout the document
  10. Links are being colored red when the mouse hovers over them
  11. I think it is good to make the link more clear to the user, but it shifts the entire page down. This is a minor effect when the text is only slightly enlarged but can be very annoying if the text is made very large by the hover function.
  12. 48 pt font.
  13. You would use .5 em
  14. We are styling the "player profile" on the top of the page.
  15. Specification is important because it allows you to change exactly the elements that you want to.
  16. Font-style is used to make the font italic. I think it is in font because font describes how the actually letters appear and text is how the block of texts appears on the screen.
  17. Display: inline
  18. Yes. a "-" is added after a h3 tag
  19. margin: 0px 15px 15px 0px; float: left;
  20. border-width: 3px 1px 1px 3px;
  21. This lengthened the box that is holding the Glossary. This happened because the overflow was not accounted for an expanded the box.
  22. All li tags in every list will be changed instead of just the ones in the unordered list.
  23. The border radius changed the corners of the table. increasing the radius increases the curvature of the table
  24. This styles the hyperlinks on the page. It makes them look like a button.
  25. This is important because the code handles the appearance of the button in different browsers and browser additions