NAME

### Question limit

of 146 available terms

### 146 True/False questions

1. To rotate an element turns it clockwise by a specified number of degrees....

2. To «skew» an element is to stretch it in one or more directions....

3. translateY (y) ? ___Translates an element in 3D using the x-axis

The first set of percentages (50% 50%) defines the horizontal and vertical center values. In this case, the gradient starts in the center of the element.

6. translateX (x) ? ___Translates an element in 3D using the z-axis

7. The lower the number, the less rounded the corner. Some browsers have problems rendering the percentage properly, so use a pixel or em length whenever possible.???

8. «border-radius» is a length, which is usually expressed in pixels or ems but can be a percentage."bandy" look.

10. Web developers are beginning to use the Web Open Font Format (WOFF) as a way to ___enhance UIs with just about any font available or custom-created fonts.

11. The length is the radius of the circle that defines the "roundedness" of each box corner....

12. A «drop shadow» is a visual effect in which an object is repeated behind and slightly below itself to create the illusion that the object floats over its background.bottom of the element, and a negative value from the top.

13. rotateY (angle) ? ___Scales an element in 3D along the x-axis

15. The v-shadow value defines the vertical offset
...

16. The following code rotates an element 180 degrees around its x-axis.transform: rotateX(180deg);

17. Transformations are either 2D or 3D, and include translating (moving), scaling, rotating, skewing (stretching), and spinning elements.VER QUESTÃO 79

18. The «CSS3 transform property» translates, scales, rotates, skews, and even spins 2D and 3D elements....

an ellipse, the percentages refer to radii.
transform: rotateX(180deg);

20. skew (x-angle,y-angle) ? ___Skews an element in 3D along the x-axis

21. 3D rotation uses the ___Rotates an element in 2D

22. matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) ? ___Specifies a 2D transformation using a six-value matrix

23. A gradient is a smooth change of colors, either within the same hue or starting with one color and ending with a different color....

24. rotateZ (angle) ? ___Skews an element in 3D along the x-axis

25. The «transform property» uses several methods for 2D and 3D transformations : ___opacity: value

26. rotateX (angle) ? ___Rotates an element in 2D

27. You use the «transition property» to create a ___CSS3 transition.

28. scaleZ (z) ? ___Scales an element in 3D along the z-axis (a vector in 3D space)

29. Let's look at an example of a radial gradient that begins with light blue (indicated by the hexidecimal code #99CCFF) at the center and changes to a darker blue (indicated by #3D5266) at the edges. The code might look like the following : ___...

30. The general syntax for «perspective» is:Specifies the length of the transition in seconds or milliseconds; starts after the transition-delay property

31. ...Developers have also used embedded fonts, which are font sets loaded on their servers. The designer inserts a link to the font set within an HTML document or CSS file, which helps the browser render the font properly.being limited to the standard Web fonts.

33. The flexibility to use any font is a big change from the pre-WOFF restrictions on font usage in HTML documents.linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));

34. You might see the background-image property in some sources; it works the same as the shorthand ___background property.

36. To use a non-standard font in a heading, title, or block of text, developers have had to create the content in a page layout or graphics program, save it as an image, and then use the <img> tag in an HTML document. This method has several drawbacks: ___• It's time-consuming.
• It interferes with accessibility page readers; images of text cannot be read aloud.
• It reduces the effectiveness of search engine optimization (SEO) because search engines look for text, not images of text.

37. opacity: value, The value is a floating-point value between 0.0 (100% transparent) and 1.0 (100% opaque). To apply a 45% transparency, for example, you would use the value 0.55 (1.0 - 0.45)....

38. The 'h-shadow' and 'v-shadow' attributes indicate the horizontal and vertical position of the shadow in relation to the box. Both of these attributes are required.background: linear-gradient(45deg, white, black);

39. matrix (n,n,n,n,n,n) ? ___Rotates an element in 3D

40. You specify CSS3 transitions using the properties ___transition, transition-property, transition-delay, transition-duration, transition-timing- function

41. CSS3 also provides the «text-shadow» property to apply shadowing to text....

42. CSS3 introduces the «box-shadow» property to create drop shadows around layout elements.CSS3 transition.

43. You use CSS font-related properties such as ___font-family, font-size, font-style, font-variant, and font-weight to style HTML documents.

44. The CSS syntax for creating a shadow is: ___Specifies the length of the transition in seconds or milliseconds; starts after the transition-delay property

45. scaleX (x) ? ___Translates an element in 3D using the x-axis

47. The following is a markup example for perspective: ___linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));

48. The 'blur' attribute, in pixels, indicates the amount of blur applied to the shadow....

49. You can also round a single corner of a box using the following properties: ___• border-top-left-radius

50. To apply a gradient to an HTML image, use the «background» property with one of the gradient methods listed above, along with the parameters specific to each method.rounded corners around layout elements, like headers, footers, sidebars, graphics boxes, and outlines around images.

51. Before purchasing a WOFF font or font package, be sure to research the font on the Web to find out if other developers have had any problems using it....

52. transition-delay ? ___Specifies the amount of time that passes after the value changes and before the transition starts; in seconds or milliseconds

53. You use the CSS3 «border-radius» property to create ___rounded corners around layout elements, like headers, footers, sidebars, graphics boxes, and outlines around images.

54. Free fonts are available from a variety of sources like ___fontsquirrel and the Open Font Library.

55. scale3d (x,y,z) ? ___Translates (moves) an element in 2D

56. To grow or shrink an element dynamically, you use the «scale()» method in CSS and provide x-axis (width) and y-axis (height) values.transform: skew(20deg,30deg);

57. transition ? ___search engine optimization

58. To create a box with a rounded border, the CSS code and markup might look like this: ___<style>
div {
background: dodgerblue;
color: #fff;
}
</style>
...
<body>
<div>A box with rounded corners</div>
</body>

59. «Web-safe» fonts don't work in every situation. For example, many companies use particular fonts as part of their ___every situation.

60. to see the 3D effect occurring requires JavaScript or some other form of scripting;linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));

61. transition-duration ? ___Specifies the length of the transition in seconds or milliseconds; starts after the transition-delay property

62. The 'v-shadow' value defines the vertical offset of the shadow. A positive value offsets the shadow from the ___bottom of the element, and a negative value from the top.

63. the following code increases the width of the element two times its original size, and increases the height four times its original size: ___#div1{ ...
perspective: 100px; }

#div2{ ...
transform: rotateX(60deg); }
...
<div id="div1"> ...
<div id="div2">Transformed element</div>
</div>

64. You use the «CSS transform property» to specify different kinds of ___CSS3 transition.

65. In HTML5/CSS3, a «transform» is an effect that lets you change the ___...

66. To scale the box so that it's twice as wide and twice as tall as the original box, add
scale(2,2) to the transform lines, as follows:
transform: translate(200px,100px) scale(2,2);

67. transition-property ? ___Rotates an element in 3D along the x-axis

68. Most transitions also specify the length (duration) of the transition.Specifies the speed curve of the transition effect; allows a transition to change speed over its duration (Default value = ease, which starts relatively fast and slows down toward the end)

69. A browser that doesn't support a certain feature will not display the feature properly, even with a vendor prefix.CSS3 transition.

70. transition-timing-function ? ___Specifies the speed curve of the transition effect; allows a transition to change speed over its duration (Default value = ease, which starts relatively fast and slows down toward the end)

71. Some font vendors provide a way for you to preview fonts in all of the major ___browsers before purchase.

72. Example of the rounded-corners box with a drop shadow (The shadow was created from these values, which specify the horizontal and vertical shadow position, the amount of blur, and the color of the shadow):box-shadow: 10px 10px 5px #808080;

73. the following code rotates an element by 30 degrees in the 2D plane:linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));

74. Some WOFF fonts work better than others depending on the browser in which they're
being viewed.
...

75. CSS3 also provides the «text-shadow» property to apply shadowing to text. The attributes are the same as the box-shadow property, except that spread and inset are not included....

76. «Web-safe» fonts don't work in ___Specifies a perspective view for a 3D element that's been transformed

77. Although embedded fonts are still widely used, a new and better technique for handling non-standard fonts is WOFF.fontsquirrel and the Open Font Library.

78. 'inset' moves the shadow from the outside to the inside of the box.fontsquirrel and the Open Font Library.

79. With rotateX(), the element rotates around its x-axis, and rotateY() rotates the element around its y-axis.transform: skew(20deg,30deg);

80. in box-shadow property, 'color' specifies the color of the drop shadowbrowsers before purchase.

81. During the transition to CSS3, you should test your code in all of the major browsers before using a certain feature in HTML/CSS documents that will be displayed to a wide audience....

83. To use a WOFF font from a font vendor's site, for example, include the @font-face rule in the CSS file, similar to the following:every situation.

84. «border-radius» is a length, which is usually expressed in pixels or ems but can be a percentage. The length is the radius of the circle that defines the "roundedness" of each box corner.????

85. skewX (angle) ? ___Skews an element in 3D along the y-axis

86. To use WOFF, you can host fonts on your server or use a Web font service....

87. A «gradient» is a smooth change of colorsTranslates (moves) an element in 2D

88. «Perspective», in terms of drawings and illustrations, is the convergence of lines that give the illusion of depth.rounded corners around layout elements, like headers, footers, sidebars, graphics boxes, and outlines around images.

89. translate3d (x,y,z) ? ___Scales an element in 3D (width, height, and an arbitrary vector in 3D space)

90. the following code skews an element 45 degrees : ___transform: skewX(45deg);

91. scale (x,y) ? ___Scales an element in 3D (width, height, and an arbitrary vector in 3D space)

92. rotate (angle) ? ___Rotates an element in 3D along the z-axis

93. rotate3d (x,y,z,angle) ? ___Rotates an element in 3D

94. By including all of the major vendor prefixes,
your HTML document is more likely to be rendered properly by the largest number of users.
CSS3 transition.

95. To «translate» an element means to move it, without rotating, skewing, or otherwise turning the image....

96. The following is an example of a simple transition that displays text in a box: ___...
#wrapper {
...
}
#wrapper #front, #wrapper:hover #back{
opacity: 1;
transition-property: opacity;
transition-duration: 1s;
transition-delay: 1s;
transition-timing-function: linear;
}
#wrapper:hover #front, #wrapper #back {
opacity: 0;
}
...
<div id="wrapper">
<div id="front">Knock knock</div>
<div id="back">Who's there?</div>
</div>
</body>

97. The syntax for applying a transparency to an image or other element is: ___transform: skewX(45deg);

98. perspective(n) ? ___Specifies a perspective view for a 3D element that's been transformed

99. To create a linear gradient from black to white, use the following CSS code:background: linear-gradient(black, white);

The hexadecimal codes in the example are the color stops; the first color stop is the starting point and the second color stop is the ending point.
...

101. WOFF files are compressed True Type, OpenType, or Open Font Format fonts that contain additional metadata.enhance UIs with just about any font available or custom-created fonts.

102. At a minimum, you must specify the CSS property to be acted upon during the transition.element's position, size, color, background color, letter spacing, rotation, and so on.

103. translate (x,y) ? ___Scales an element in 3D (width, height, and an arbitrary vector in 3D space)

104. In CSS3, the action of a transition is visible. The changes render onscreen in an ___animated fashion as if powered by a script, but no scripts are involved.

105. skewY (angle) ? ___Skews an element in 3D along the y-axis

106. To rotate an element, you use the rotate() method in CSS and specify the degrees of rotation....

107. «linear-gradient»: ___Rotates an element in 3D along the y-axis

108. The Web Open Font Format (WOFF) is a means of bringing better typography to the Web....

109. Now let's focus on «transitions» and animation. A transition is a change from one thing to another;size, shape, and position of an element.

110. For example, the following code moves the element 100 pixels from the left and
50 pixels from the top:
transform: scale(2,4);

111. The «CSS3 3D perspective property» defines how a browser renders the depth of a 3D transformed element.transformations made to HTML elements.

112. Font services include FontFont and FontShop, among others. They require a ___radial-gradient(position, size and shape,color stops);

113. The 'h-shadow' value defines the horizontal offset of the shadow. A positive value offsets the shadow to the ___right of the element, and a negative value to the left.

114. If you plan to use single rounded corners on several elements in an HTML document, you can save time by creating a separate class for each (top left, top right, bottom left, and bottom right). The syntax would look similar to the following: ___.top-left-corner {
}

115. JavaScript or some other form of scripting would be required to actually see a 2D or 3D transformation taking place. Without scripting, you only view the end result of a transformation.CSS3 transition.

117. The code for a 'diagonal gradient' that starts in the lower-left corner and extends to the upper-right corner of a container is:background: linear-gradient(45deg, white, black);

118. To move an element, you use the «translate()» method in CSS and provide x- and y-axis values to position the element relative to its original or default position....

119. A «linear gradient» is a horizontal, vertical, or diagonal gradient.Creates a gradient from top to bottom or vice versa, or from corner to corner

120. SEO ? ___search engine optimization

121. WOFF ? ___Web Open Font Format

The second set of percentages
(70% 70%) specifies the size and shape of the gradient.
...

123. To «scale» an element is ___to increase or decrease its size.

125. The default gradient goes from top to bottom....

126. An opaque item does not let light pass through, whereas you can see through a transparent item.CSS3 transition.

127. A 'diagonal gradient' is a type of 'linear gradient' that extends from one corner of a container diagonally to another corner....

128. scaleY (y) ? ___Scales an element in 3D along the y-axis

129. by reducing the opacity of an item or increasing its transparency, you eventually reach the same point....

130. the following code turns an element 20 degrees around the x-axis
and 30 degrees around the y-axis:
#div1{ ...
perspective: 100px; }

#div2{ ...
transform: rotateX(60deg); }
...
<div id="div1"> ...
<div id="div2">Transformed element</div>
</div>

131. At a minimum, you must specify the CSS property to be acted upon during the transition. This can be an ___element's position, size, color, background color, letter spacing, rotation, and so on.

132. For years, Web and application developers have been limited to a set of standard fonts that are considered «Web safe», which means ___they are typically located on a user's computer and therefore render consistently in the majority of browsers.

133. Designers and developers strive to make sites look interesting, more appealing, and unique, which can't always be accomplished with ___being limited to the standard Web fonts.

134. 3D skewing uses the «skewX()» and «skewY()» methods to skew an element around its x-axis and y-axis, respectively.transform: rotateX(180deg);

135. perspective applies only to 3D transformed elements....

136. The following is an example of the use of rgba colors:linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,255,0.9));

137. WOFF allows Web developers to use custom fonts - pretty much any font - instead of ___enhance UIs with just about any font available or custom-created fonts.

138. Color interpolation in the alpha color space eliminates the ___"bandy" look.

139. The 'default gradient' goes from top to bottom. You can insert "top," "bottom," "right," or "left" as the first value to control the direction of the gradient....

140. The «perspective property» takes on a number value: lower values (in the range of 1 to 1000) create a more pronounced effect than higher values.transform: rotate(30deg);

141. To skew an element using CSS, you use the «skew()» method and provide x-axis and y-axis values, in degrees, to create an angular shape....

142. CSS3 gradients also support color interpolation in the alpha color space, which is part of the red blue green alpha (RGBA) color model, to produce ___box-shadow: h-shadow v-shadow blur spread color inset;

143. in CSS, a «transition» is the change in an element from one style to another."bandy" look.

144. Most transitions also specify the length (duration) of the transition. If the duration value is not set, the default is 0.transition, transition-property, transition-delay, transition-duration, transition-timing- function

145. translateZ (z) ? ___Translates an element in 3D using the x-axis

146. Using the rotateY(180deg) method with an element that display text results in the text appearing backwardstransform: skewX(45deg);