NAME

Question types


Start with


Question limit

of 146 available terms

Print test

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

          

  4. The general syntax for radial gradients is: ___perspective: number;

          

  5. radial-gradient(50% 50%, 70% 70%, #99CCFF, #3D5266);

    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.
    Creates a gradient that radiates out from a central point

          

  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.

          

  9. repeating-linear-gradient: ___Creates a repeating linear gradient, which results in straight bands of gradient color

          

  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

          

  14. The different types, or methods, of CSS3 gradients are:• linear-gradient
    • radial-gradient
    • repeating-linear-gradient
    • repeating-radial-gradient

          

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

          

  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....

          

  19. Because a radial gradient resembles
    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.

          

  32. «radial-gradient»: ___Creates a repeating linear gradient, which results in straight bands of gradient color

          

  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.

          

  35. The ''h-shadow' value defines the horizontal offset of the shadow....

          

  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

          

  46. The values for radials differ slightly from ___linear gradients.

          

  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
    • border-top-right-radius
    • border-bottom-right-radius
    • border-bottom-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;
    border-radius: 25px;
    }
    </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....

          

  82. «Radial gradients» start from a central point and radiate color out to the edges of a container.smoother color transitions in gradients.

          

  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);

          

  100. radial-gradient(50% 50%, 70% 70%, #99CCFF, #3D5266);

    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);

    (radial-gradient(shape size at position, start-color, ..., last-color);)

          

  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 {
    border-top-left-radius:25px;
    }

          

  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.

          

  116. The 'spread' attribute indicates the size of the shadow,...

          

  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

          

  122. radial-gradient(50% 50%, 70% 70%, #99CCFF, #3D5266);

    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.

          

  124. repeating-radial-gradient: ___Creates a repeating radial gradient, which results in circular bands of gradient color

          

  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);