Deck 8: Enhancing a Web Site With Advanced CSS

Question 1

The CSS rule
@import url(screen.css)screen;
imports the screen.css style sheet file in the current style sheet only when the browser device is a printer.

Answer 1

False

Question 2

When working with the CSS3 box-shadow style, the insert keyword is an optional keyword to display shadows within the object.

Answer 2

False

Question 3

An orphan occurs when only a few ending lines of an element appear at the top of a page, while the bulk of the content appears on the preceding page.

Answer 3

False

Question 4

Internet Explorer's Beta filter also can be used to create gradient effects in which a page object appears to fade away in a linear, radial, or rectangular direction.

Question 5

Internet Explorer filters can be applied only to objects that have a defined layout on the page.

Question 6

The box-shadow style was originally introduced as a browser extension under Mozilla and WebKit.

Question 7

If a page does not fit into the dimensions specified by the @page styles, browsers either rotate the page box 45° or scale the page box to fit the sheet size.

Question 8

When Internet Explorer encounters more than one filter statement, the last one listed supersedes all of the previous filters.

Question 9

One type of gradient is a linear gradient in which the color blending proceeds horizontally or vertically across an object 's background.

Question 10

The Transformation Function scaleX(x)resizes the object by a factor of x vertically.

Question 11

Once you define a page name, you can apply it to any grouping element in your document.

Question 12

You can create visual effects using some CSS3 and browser-specific styles.

Question 13

When working with three-dimensional transformation functions, positive y-values come out of the page toward users, while negative y-values recede away from users.

Question 14

When working with the Internet Explorer DropShadow filter, a direction value of 135 is used for shadows located in the upper-right corner.

Question 15

A simpler version of an emulator is a simulator, which simulates some of the behavior of a device but does not emulate the operations of the hardware.

Question 16

Style sheets cascade through the media types in the same way they cascade through a document tree.

Question 17

The repeat parameter value controls how browsers use the border image to fill in the sides of the object.

Question 18

The number of device pixels matched to a single CSS pixel is known as the device-pixel ratio.

Question 19

The -ms-transform browser extension is supported only by Internet Explorer version 10 and above.

Question 20

Browsers on mobile devices support two kinds of viewports: a layout viewport containing the Web page content that appears on the screen, and a visual viewport containing the complete content of the page, some of which is hidden from the user.

Question 21

When working with the text-shadow style, ____ shadows are applied from first to last, with the first shadow listed displayed on top of succeeding shadows.

A) single
B) multiple
C) double
D) blurred

Question 22

Mozilla supports two styles for applying shadows to objects: the Shadow filter and the DropShadow filter._________________________

Question 23

When working with the text-shadow style, the blur parameter defines the amount of space the shadow text is stretched._________________________

Question 24

A(n)SDK is a set of development tools that you can use to create applications for software programs, devices, or hardware platforms._________________________

Question 25

A(n)orphan occurs when only a few beginning lines of an element appear at the bottom of a page, while the bulk of the content is placed on the following page._________________________

Question 26

A radial gradient color blending starts from a single point within the object and proceeds outward in a circular or elliptical shape._________________________

Question 27

The contents of a Web page are displayed within a window known as the viewport._________________________

Question 28

The sheet box is composed of two areas: the page area, which contains the content of the document, and the margin area, which contains the space between the printed content and the edges of the page._________________________

Question 29

Drop shadows can be added using the text-shadow style
Text-shadow: color offsetX offsetY blur;
Where the offsetX is the distance of the shadow from the text in the ____ direction.

A) vertical
B) diagonal
C) inverted
D) horizontal

Question 30

When working with the border-image style, wedges can be expressed only in pixels or as a percent of the width and height of the border image._________________________

Question 31

Android SDK is a suite of emulators for a variety of mobile devices._________________________

Question 32

To apply a drop shadow to a page element, use the style
____; [inset] color offsetX offsetY blur [spread];

A) box-shadow
B) drop-shadow
C) text-shadow
D) square-shadow

Question 33

If no value is specified for a media feature, browsers assume a value of 1._________________________

Question 34

A(n)computer screen is continuous, visual, and bitmap, and can be either static or interactive._________________________

Question 35

When a user prints a Web page, the Web browser and its built-in styles prepare the document for the printer._________________________

Question 36

To remove a text-shadow, set the value of the text-shadow style to ____.

A) 0
B) none
C) 1
D) empty

Question 37

When working with the box-shadow style, the shadow value can be placed either before or after the shadow offsets and dimensions._________________________

Question 38

Drop shadows can be added using the text-shadow style
Text-shadow: color offsetX offsetY blur;
Where the offsetY is the distance of the shadow from the text in the ____ direction.

A) vertical
B) diagonal
C) inverted
D) horizontal

Question 39

A(n)CSS pixel refers to the actual physical pixel on a screen._________________________

Question 40

CSS uses social groups to describe how different media devices render content._________________________

Question 41

The default shape of a radial gradient is ____, with the specific dimensions based on the size of the containing object and the size of the gradient.

A) rectangle
B) square
C) ellipse
D) circle

Question 42

The Internet Explorer filter that makes a specified color in the object transparent is ____.

A) DropShadow(color=#rrggbb, offX=value, offY=value)
B) Glow(color=#rrggbb, strength=1-255)
C) Chroma(color=#rrggbb)
D) Pixelate(maxSquare=value)

Question 43

The ____ style was originally introduced as a browser extension under Mozilla and WebKit.

A) drop-shadow
B) text-shadow
C) box-shadow
D) shadow

Question 44

When working with the box-shadow style, the inset keyword is a(n)____ keyword to display shadows within the object.

A) required
B) optional
C) necessary
D) important

Question 45

If no angle is specified, the browser determines the ____ direction based on the location of the starting point.

A) linear
B) gradient
C) color
D) fill

Question 46

In the accompanying figure, which part adds a black shadow to the lower-right corner of the table within the main section?

A) 1
B) 2
C) 3
D) 4

Question 47

The CSS3 3D Transformation function that moves the object offX pixels horizontally, offY pixels vertically, and offZ pixels along the z-axis is ____.

A) rotate3d(offX, offY, offZ, angle)
B) scale3d(offX, offY, offZ)
C) matrix3d(offX, offY, …, n)
D) translate3d(offX, offY, offZ)

Question 48

The Transformation Function that moves the object offY pixels down is ____.

A) translateY(offY)
B) scaleY(offY)
C) skewY(offY)
D) translate(offX, offY)

Question 49

The Transformation Function that resizes the object by a factor of x horizontally and a factor of y vertically is ____.

A) translate(x, y)
B) scale(x, y)
C) skew(x, y)
D) matrix(x, y, n, n, n, n)

Question 50

Internet Explorer ____ can be applied only to objects that have a defined layout on the page.

A) tools
B) toolbars
C) filters
D) conditions

Question 51

One type of gradient is a ____ gradient, in which the color blending proceeds horizontally or vertically across an object's background.

A) spatial
B) linear
C) vertical
D) horizontal

Question 52

In the accompanying figure, which part adds a semi-transparent black shadow to the lower-right corner of the figure with a blur radius of 15 pixels?

A) 1
B) 2
C) 3
D) 4

Question 53

To rotate an object counter-clockwise, you use a(n)____ value for the angle of rotation.

A) positive
B) negative
C) specific
D) average

Question 54

Another type of gradient supported by CSS3 is a ____ gradient, in which color blending starts from a single point within the object and proceeds outward in a circular or elliptical shape.

A) linear
B) radial
C) color
D) shaded

Question 55

Internet Explorer supports two styles for applying shadows to objects: the ____ filter and the DropShadow filter.

A) Box-shadow
B) Shadow
C) Page-shadow
D) Border-shadow

Question 56

In the accompanying figure, which part adds an interior drop shadow to the lower-right corner of the main section with a blur radius of 10 pixels?

A) 1
B) 2
C) 3
D) 4

Question 57

To apply an Internet Explorer filter in compliance with correct CSS syntax, add the style ____.

A) filter: progid:DXImageTransform.Microsoft.filter(param);
B) -ms-filter: "progid:DXImageTransform.Microsoft.filter(param)";
C) ms-filter: "progid:DXImageTransform.Microsoft.filter(param)";
D) -ms2010-filter: ? "progid:DXImageTransform.Microsoft.filter(param)";

Question 58

In the accompanying figure, which part adds rounded borders to images within figure boxes?

A) 1
B) 2
C) 3
D) 4

Question 59

Positive ____ come out of the page toward users, while negative values recede away from users.

A) z-values
B) x-values
C) y-values
D) q-values

Question 60

The Internet Explorer filter
Wave(freq=value, lightStrength=value, phase=value, strength=value)
Applies the sine-wave distortion to an object.The appearance of the wave is determined by the four ____.

A) qualities
B) rules
C) parameters
D) limits

Question 61

The @media rule enables you to consolidate all of your ____ within a single sheet.

A) themes
B) styles
C) pages
D) sheets

Question 62

To set the stopping point for a radial gradient to the corner closest to the gradient's center, use the keywords ____.

A) closest-side:
B) closest-corner:
C) farthest-side:
D) farthest-corner:

Question 63

Given the following style,
Border-image: url(frame. png)5 10 15 25 stretch;
Slices the border image ____.

A) 5 pixels on the left side
B) 5 pixels on the top side
C) 5 pixels on the bottom
D) 25 pixels on the right side

Question 64

Graphic borders are applied to an object using the CSS3 style
Border-image: url(url)slice repeat;
Where ____ is the source of the border image file.

A) url
B) slice
C) repeat
D) image

Question 65

The page box is composed of two areas: the page area, which contains the content of the document, and the ____ area, which contains the space between the printed content and the edges of the page.

A) body
B) margin
C) header
D) footer

Question 66

____ uses media groups to describe how different media devices render content.

A) Mozilla
B) Opera
C) CSS
D) Internet Explorer

Question 67

To create a radial gradient in WebKit, apply the function ____.

A) radial-gradient(center, shape size, color-stop, color-stop, …)
B) -webkit-gradient(linear, start, stop, from(color), colorstop(percent, color), to(color))
C) -webkit-gradient(radial, inner-center, inner-radius, outer-center, outer-radius, from(color), color-stop(percent, color), to(color))
D) Gradient(gradientType=type, startColorStr=#rrggbb, endColorStr=#rrggbb)

Question 68

Once you define a page ____, it can be applied to any grouping element in your document.

A) element
B) number
C) name
D) format

Question 69

Which media device does NOT use the characteristic paged?

A) embossed
B) print
C) projection
D) speech

Question 70

Graphic borders are applied to an object using the CSS3 style
Border-image: url(url)slice repeat;
Where ____ is the size of the border image cut off to create the borders.

A) url
B) slice
C) repeat
D) image

Question 71

____ did not support gradients until version 11, which was released in March 2011.

A) Mozilla
B) Internet Explorer
C) Opera
D) WebKit

Question 72

To set the page size and orientation for page size 8.5 X 14 with landscape orientation, the style property would be ____.

A) size: 14in 8.5in landscape;
B) size: 8.5in 11in landscape;
C) size: 11in 8in landscape;
D) size: 8.5in 14in landscape;

Question 73

The WebKit gradient()function can have multiple color stops, but the location can be entered only as a ____ of the object's width.

A) part
B) percentage
C) piece
D) portion

Question 74

To set a stopping point to cover the entire object with the gradient, use the keyword ____.

A) closest-corner:
B) contain:
C) cover:
D) farthest-corner:

Question 75

Which media device uses the characteristic continuous?

A) embossed
B) print
C) projection
D) screen

Question 76

CSS3 supports the style
Opacity: value;
To make any page object ____, where value ranges from 0 up to 1.

A) transparent
B) semi-transparent
C) linear gradient
D) color gradient

Question 77

There are four media groups based on continuous or paged; visual, audio or tactile; grid or bitmap; and ____.

A) noncontiguous
B) interactive
C) integrated
D) jpeg

Question 78

Internet Explorer's ____ filter also can be used to create gradient effects in which a page object appears to fade away in a linear, radial, or rectangular direction.

A) Opera
B) Alpha
C) Beta
D) WebKit

Question 79

If you do not set the orientation value, browsers print the output in ____ by default.

A) landscape
B) preview
C) portrait
D) PDF

Question 80

One style property supported by the page box is the ____ property, which allows Web authors to define the default dimensions of a printed page as well as whether pages should be printed in portrait or landscape orientation.

A) size
B) text
C) orientation
D) margin