Internet And Web 2016 Final review

(15) 3. When elements overlap, which property indicates the element that should appear above or below the others? A) stacking-context B) height C) z-index

C) z-index

(11) 11. The color property allows developers to specify the color of text inside an element. ____1____ express colors in terms of how much red, green and blue are used to make it up. ___2___ are six-digit codes that represent the mount of red, green and blue in a color, precede by a pound sign. ___3___ are 147 predefined color names that are recognized by browsers.

1 ) RGB Values 2 ) HEX Codes 3 ) Color Names

(15) 11. ___1___ layout designs do not change size as the user increases or decreases the size of their browser window. Measurements tend to be given in ___2___. ___3___ layout designs stretch and contract as the user increases or decreases the size of their browser window. These tend to be measured using ___4___.

1 - Fixed width 2 - Pixels 3 - Liquid 4 - Percentages

(12) 10. Typeface is divided into five separate font-families. ___1___ fonts have extra details on the end of the main strokes of the letters. ___2___ fonts have straight ends lo letters. ___3___ every letter of this typeface is the same width. ___4___ fonts either have joining strokes or other cursive characteristics. ___5___ fonts are usually decorative fonts and are often used for titles.

1 - Serif 2 - Sans-Serif 3 - Monospace 4 - Cursive 5 - Fantasy

(16) 11. The background property acts like a shorthand for all of the background properties. These properties must be specified in the following order: ___1___ ___2___ ___3___ ___4___ ___5___

1 - background-color 2 - background-image 3 - background-repeat 4 - background-attachment 5 - background-position

(13) 11. According to the textbook author, the three most popular ways to control the dimensions of a box are: ___1___, ___2___, and ___3___.

1 - pixels 2 - percentages 3 - ems

(14) 11. CSS is commonly used to control the appearance of form elements. According to the textbook author, the three most common things to style are: ___1___, ___2___, and ___3___.

1 - text inputs and text areas 2 - Submit buttons 3 - Labels on Forms

(13) 2. Which of the following is the correct rule to prevent users seeing content that is bigger than the box containing it? A) display:none; B) overflow:scroll; C) overflow:hidden;

C) overflow:hidden;

(14) 5. Which of these rules would create a bold, left-aligned table heading? A) td{font-weight:bold; text-position:left;} B) td{font-weight:bold;text-align:left;} C) th{font-weight:bold; text-align:left;}

C) th{font-weight:bold; text-align:left;}

(15) 8. Which unit of measurement would you use to create a liquid layout? A) % B) px C) em

A) %

(13) 6. In the following diagram, which letter corresponds to the border? (Is border inside, middle, or outside of diagram of boxes around text?)

A) B (middle box around text)

(12) 3. Your first choice of typeface is Georgia, then Times, then the default serif font. Which of these values is correct? A) Georgia, Times, serif B) "Georgia, Times, serif" C) serif, Times, Georgia

A) Georgia, Times, serif

(11) 8. How will an older browser display a blue box which has been made semi-transparent using CSS 3 opacity? A) Show a solid blue block rather than a semi-transparent one B) Show the blue block and whatever is behind it C) Not display the block at

A) Show a solid blue block rather than a semi-transparent one

(16) 8. Here you can see an image sprite. The image at the top is used for the default state, and the image underneath is used when the user hovers over the button. Which of he following would be used to move the image sprite up on hover? A) a#go:hover {background-position: 0px -23px;} B) a#go:hover {background-position: 0px 0px;} C) a#go:hover {background-position: -23px 0px;}

A) a#go:hover {background-position: 0px -23px;}

(16) 10. The background-image property allows you to place an image... A) behind any HTML element B) in front of any HTML element C) below any HTML element

A) behind any HTML element

(12) 4. Which of these is not a valid way of expressing type size? A) en B) % C) px

A) en

(11) 4. Which one of the following is false? High contrast text... A) is harder for those with visual impairments to read B) Is easier to read in sunlight than low contras C) Can tire the eyes of readers when used in large amounts

A) is harder for those with visual impairments to read

(14) 4. To use an image for a custom bullet point style, which rule would you use? A) list-style-image:url(); B) bullet-image:url(); C) list-stle-type:url();

A) list-style-image:url();

(15) 7. Which of the following rules would center a paragraph on the page? A) p{width:960px; margin: 0px auto 0px auto;} B) p{width:960px; float:center;} C) p{width: 960px; text-align:center;}

A) p{width:960px; margin: 0px auto 0px auto;}

(14) 6. If you do not want borders to appear on table cells that have no content, which of these rules would you use? A) td,th{empty-cells:hide;} B) td,th{empty-box:hidden;} C) td,th{empty:border-none;}

A) td,th{empty-cells:hide;}

(12) 6. To make text uppercase using CSS which on of these declarations would you use? A) text-transform:uppercase B) font-style:capitalize C) font-style:uppercase

A) text-transform:uppercase

(15) 5. When using the float property, which other property are you most likely to need? A) width B) left C) z-index

A) width

(11) 3. Which property allows you to specify the background color of an element? A)background-color B)color C)backgroundcolor D)bgcolor

A)background-color

(11) 1. Which is NOT a valid way to specify color? A) b{color:50, 50, 70;} B.) b{color:rgb(50, 60, 70);} C) b{color: #323c46;}

A.) b{color:50, 50, 70;}

(13) 1. Which of the following is the correct way to specify a square box? A) max-height:200px; max-width:200px; B) x:200px; y:200px; C) height:200px; width:200px;

C) height:200px; width:200px;

(13) 3. There are three paragraphs on top of each other that use this rule: p(margin:10px;). How much vertical space is between the paragraphs: A) 20 pixels B) 10 pixels C) 15 pixels

B) 10 pixels

(12) 9. Which CSS pseudo-class is used to set a different style for links that a user has clicked on? A) :vlink B) :visited C) :link

B) :visited

(12) 2. Which CSS rule allows you to link to typefaces that are not installed on the users computer? A) @font-family B) @font-face C) @font-link

B) @font-face

(13) 4. Look at the diagram below. Which letter corresponds to the margin? (Is margin inside, middle, or outside of diagram of boxes around text?)

B) A (outside box around text)

(11) 6. In this CSS, what color will the h1 headings appear? h1,h2, h3{color:red;} h1{color:black;} A) Brown B) Black C) Red D) Maroon

B) Black

(13) 5. In the diagram below, which letter corresponds to the padding? (Is padding inside, middle, or outside of diagram of boxes around text?)

B) C (inside box around text)

(14) 9. Which one of the following is bad form design? A) Labels ppositioned to the left of text boxes B) Submit buttons positioned at the top of a form C) Labels positioned to the right of radio buttons

B) Submit buttons positioned at the top of a form

(12) 1. Which of these is a serif typeface? A) Verdana B) Times New Roman C) Arial D) Courier New

B) Times New Roman

(14) 10. If you want to change the cursor style to a hand when a user hovers over a link, which rule would you use? A) a:hover{cursor:hand;} B) a:hover{cursor:pointer;} C) a:active{cursor:hand;}

B) a:hover{cursor:pointer;}

(14) 7. When the borders of two table cells touch, which rule prevents you from getting double-width lines? A) border:collapse; B) border-collapse:collapse; C) border:none;

B) border-collapse:collapse;

(13) 9. To create rounded corners in CSS3 which property do you use? A) corner-rounded B) border-radius C) rounded-border D) border-curve

B) border-radius

(14) 1. The list-style-type property changes the style of bullet points. Which of these creates this style bullet: o A) disc B) circle C) bullet

B) circle

(12) 5. Which of these properties is used to specify that text should appear in italics? A) font-weight B) font-style C) font-variant

B) font-style

(14) 8. To change the background color of a text input when a user clicks in it, which rule would you use? A) input[type="text"]:active {background-color:black;} B) input[type="text"]:focus {background-color:black;} C) input[type="text"]:hover {background-color:black;}

B) input[type="text"]:focus {background-color:black;}

(13) 7. Which of the following rules makes the content of a set of <li> elements sit next to each other? A) li{visibility:inline;} B) li{display:inline-block;} C) li{display:block;}

B) li{display:inline-block;}

(14) 3. Which of the following values will create a numbered list like this: i, ii, iii A) roman-numeral B) lower-roman C) lower-alpha D) roman

B) lower-roman

(12) 8. Which of these attribute selectors specifies an element that carries a class attribute whose value is box? A) p[*="box"] { } B) p[class="box"] { } C) p[.="box"] { }

B) p[class="box"] { }

(16) 5. Which property do you use to make a background image tile along the top of a page? A) repeat-head B) repeat-x C) repeat-top D) repeat-y

B) repeat-x

(13) 8. Which of the following rules hides the content of a box, but leaves space for the area it would take up? A) display:hidden; B) visibility:hidden; C) display:none;

B) visibility:hidden;

(16) 1. Which two properties do you need to use to specify the dimensions of an image? A) max-width, max-height x, y B) width, height C) min-height, min-width

B) width, height

(15) 9. The rule div{float:right;width:300px;} applies to the following code. Which of the options below indicates the correct layout if the page is 900 pixels wide? (imagine #'s are in boxes in shape) A) | 5 | 4 | 3 | ---_| 2 | 1 | B) | 3 | 2 | 1 | ----| 5 | 4 | C) | 1 | 2 | 3 | ---| 4 | 5 |

B) | 3 | 2 | 1 | | 5 | 4 |

(11) 2. Which is the correct way to specify the color of a paragraph of text? A) p{font-color:#ff0000;} B.) p{color:#ff0000;} C) p{font:#ff0000;} D) p{text-color:#ff0000;}

B.) p{color:#ff0000;}

(16) 2. What is the correct use of the margin property on an image to center it in its containing block? A) margin: 0% 50% 0% 50%; B) margin: 0px; C) margin: 0px auto;

C) margin: 0px auto;

(11) 10. RGB colors contain values between 0 and 255. What is the value of blue in this color: rgb(102,205,170) ? A) 205 B) 102 C) 170

C) 170

(12) 7. Which CSS pseudo-class can change the style of an element when a user hovers over it? A) :active B) :focus C) :hover

C) :hover

(15) 1. When an element sits inside another element, the outer box is known as the... A) Outer box B) Bounding element C) Containing element

C) Containing element

(15) 2. What can you use to keep an element in the same spot in a browser window, even if he user scrolls down? A) Floats B) Absolute positioning C) Fixed positioning

C) Fixed positioning

(16) 3. Which element would you use in a selector if you want a background image to cover the entire page? A) p { } B) div { } C) body { } D) html { }

C) body { }

(16) 7. What value do you use to position a background image in the top of the page in the middle? A) center center B) top center C) center top

C) center top

(15) 6. If you have floated elements sitting next to each other, what can be used to ensure a box starts on a new line? A) margin-right:100%; B) float:none; C) clear:left;

C) clear:left;

(11) 9. When a color is specified like this: #66cdaa what is it referred to as? A) Color Name B) Color code C) RBG Value D) HEX code

D) HEX code

(11) 5. CSS 3 introduced the rgba and hsla values for specifying colors. What does the a stand for? A) Accurate B) Automatic C) Array D) Alpha

D) alpha

(11) 7. CSS 3 introduces an entirely new and intuitive way to specify colors using hue, saturation, and brightness. True/False

False

(15) 10. CSS frameworks make your life easier by providing the code for common tasks, such as styling forms and creating printer-friendly versions of forms. CSS frameworks will available for use after the release of HTML6. True/False

False

(16) 9. Images can only be aligned vertically using CSS. True/False

False

(12) 11. Typefaces are subject to copyright, so the techniques you can choose from are limited by their respective licenses. True/False

True

(13) 10. You can use CSS to control the dimensions, borders, margins and padding for each box. True/False

True

(14) 2. The CSS property list-style allows the designer to express the markers' style, image and position properties in any order. True/False

True

(15) 4. Designers keep pages within 960-1000 pixels wide, and indicate what the site is about within the top 600 pixels (to demonstrate its relevance without scrolling). True/False

True

(16) 4. Whenever you use consistently sized images across a site, you can use CSS to control the dimensions of the images. True/False

True

(16) 6. In CSS3, you can supply multiple background images using the following syntax. Which of these background images would be shown in front/on the top? body { background: url("background-a.png"), url("background-b.png"), url("background-c.png"); }

background-a.png