CSS Guide

Card Set Information

CSS Guide
2011-04-04 20:14:10

CSS Syntax and Rules
Show Answers:

  1. what three parts make up css declerations?
    Selector (an html element ususually), property attribute (i.e color, background image, etc...) and value of the property attribute(i.e green, image.png etc...)
  2. How do you end declerations properly?
    using a semi-colon example:

  3. How do you close declerations properly?
    using brackets example:

  4. how do you make a fixed image in css?

  5. What is a background-attachment?
    It is the property that states if background is fixed or scrolls with page contents.
  6. What is the shorthand property for background?
  7. What order does content go in for shorthand property?
    • Background-color
    • Background-image
    • Background-repeat
    • Background-attachment
    • Background-position
  8. What is the background-color property?
    It is was what sets the background color of an element.
  9. What are the three color values used for the background-color decleration?
    • selector
    • {
    • background-color:red;
    • background-color:(r,g,b);
    • background-color:#ffffff;
    • }
  10. what is the background-image?
    It is the image used to define a pages background.
  11. How do you setup the background-image decleration?

    • Selector
    • {background-image:url('image.png');}
  12. What is the syntax for an internal style sheet in head section?
    • <style type="text/css">
    • body
    • {
    • background-image:url('image.png');
    • margin-right:80px;
    • }
    • </style>
  13. What is backround-position?
    It is what sets the placement of background position on page.
  14. What are the values for background-position?
    • left top;
    • left center;
    • left bottom;
    • right top;
    • right center;
    • right bottom;
    • center top;
    • center center;
    • center bottom;
    • px px; (i.e (x position, y position))
    • % %;
  15. What is the color property?
    It is the property that sets the color of text.
  16. what is the W3 rule if you define the color property?
    If you define the color property you must also define background-color.
  17. what are the options for the text-align property?
    • right;
    • left;
    • justify;
  18. What are the values for text-decoration?
    • none;
    • underline;
    • overline;
    • line-through;
    • blink;
  19. What is text-decoration property used for?
    Used to edit links style as well as regular text decoration.
  20. What is the text-transform used for?
    for changing the case sensitivity of html text.
  21. What are the values for text-transform property?
    • uppercase;
    • lowercase;
    • capitalize;
  22. What are the values for text-indent property?
    50px; (or any number to set pixel indent distance)
  23. What are the values for letter-spacing property?
    px; (negative - or Positive +)
  24. what are the values for line-height property?
  25. What does the direction property control?
    It controls the direction the text is displayed.
  26. What are the values for the direction property?
    • rtl;
    • ltr;
  27. What does the word-spacing property do?
    Sets the distance between words in a sentence.
  28. What are the units involved to set the distance between words with the word-spacing property?
  29. What does the white-space property do?
    it stops text from wrapping when resizing page.
  30. what are the values for white-space property?
    • nowrap; (text never wraps)
    • pre; (text only wraps where you insert line breaks)
    • pre-line; (wraps only when necessary)
    • pre-wrap; (maintained by browser)
  31. What is the vertical-align property do?
    It sets how images are aligned within text.
  32. What are the values for the vertical-align property?
    • text-top; (aligns text with top of image)
    • text-bottom; (aligns text with bottom of image)