Imperial Valley College Faculty Websites

You are here:Instructors»Robert Gallegos»CIS 212»Chapter 9 and 10 Review
Tuesday, 11 October 2011 09:58

Chapter 9 and 10 Review

Written by Robert Gallegos
Rate this item
(0 votes)

CIS 212          Fall 2011         Lecture Review Week 7                                                                     Date: 10/10/2011

9 Expanding your Vocabulary: Styling with fonts and colors
10 With Elements: The Box Model

Chapter 9 Review
1. CSS gives you lots of control over the look of your fonts.

2. The font families for the Web are serif, sans-serif, monospace, cursive and fantasy. Serif and sans-serif fonts are most common.

3. Fonts that your visitors will see in your Web page depend on the fonts they have installed on their computer.

4. Specify font alternatives in your font-family CSS property in case users do not have your preferred fonts installed on their system.

5. Always make the last font a generic font like serif or sans-serif, so that the browser can make an appropriate substitution if no other fonts are found.

6. Font-sizes are usually specified using pixels, em, percent or keywords.

7. Using relative sizes for your fonts can make your pages more maintainable.

8. Use the font size keywords to set the base font size in your body rule, so that all browsers can scale the font sizes if users want the text to be bigger or smaller.

9. CSS has 17 predefined colors, including black, white, red, blue, and green.

10. An easy way to find the hex code of a color you want is to use a photo-editing application’s color picker or one of many online Web tools.

11. Hex codes have 6 digits, and each digit can be from 0-F. The first two digits represent the amount of red, the second two the amount of green, and the last two the amount of blue. (Just remember RGB)

Chapter 10

1. CSS uses a box model to control how elements are displayed.

2. Boxes consist of the content area and optional padding, border, and margin.

3. The content area contains the content of the element.

4. The padding is used to create visual space around the content area.

5. The border surrounds the padding and content and provides a way to visually separate the content.

6. The margin surrounds the border, padding and content, and allows space to be added between the element and other elements.

7. Padding, border, and margin are all optional.

8. An element’s background will show under the content and the padding, but not under the margin.

9. When setting margins, padding, or the border, CSS provides properties for setting all the sides (top, right, bottom, left) at once, or it allows them to be set independently.

10. Use the line-height property to add space between lines of text.

11. You can place an image in the background of an element with the background-image property.

12. Use the background-position and background-repeat properties to set the position and tiling behavior of the background image.

13. Use the class attribute for elements that you want to style together, as a group.

14. Use the id attribute to give an element a unique name. You can also use the id attribute to provide a unique style for an element.

15. There should only be one element in a page with a given id.

16. You can select elements by their id using the id # selector.

17. An element can have only one id, but it can belong to many classes.

18. If two style sheets have conflicting property definitions, the style sheet that is last in the HTML file will receive preference.

19. You can target media devices such as “print” or “handheld” by using the media attribute in your <link> element.