CSWD04 Blended Answer

Prelim Quiz 1

1. This is used for text and numerical entries

Answer: <input type=“text”>

2. _________ selectors are used to specify a group of elements.

Answer: class

3. CSS has a much wider range of attributes than HTML, so you can look much better than HTML
attributes.

Answer: Superior styles to HTML

4. You can not write a form on the web and send it to end-users for download as a Fillable PDF and
either upload, email or submit form information.

Answer: False

5. The background color property is used to set the element's background image

Answer: False

6. CSS stands for __________.

Answer: Cascading Style Sheets

7. The word-spacing property is used to add or remove space between the letters making up a
word.

Answer: False

8. If you are using CSS, there is no need to write attributes of HTML tags every time. Just write the
CSS rule for a tag and apply it to all occurrences of the tag

Answer: Pages load faster

 CSWD04 Blended Answer

9. This is used to specify as present or absent one or more items

Answer: <input type=“checkbox”>

10. Anchors are often used to enable readers to navigate back to the top of the page or to a location
further down the page.

Answer: True

11. Use the text-indent property to indent a paragraph's content.

Answer: True

12. The text-transform property enables the message shadow to be placed around a text.

Answer: False

13. Simply change the style to make a global change, and it will automatically update all elements
on all web pages.

Answer: Easy Maintenance

14. !DOCTYPE is case sensitive”.

Answer: False

15. This is used to choose from a predefined list a single option

Answer: <input type=“radio”>

16. A key feature of web pages is the ability to navigate between pages, positions within a page and
other locations.

Answer: True

17. The font-variant property is used to increase or decrease the appearance of a font bold or light.

Answer: False
 CSWD04 Blended Answer

18. Which selector is used to specify a rule to bind a particular unique element?

Answer: id

19. Tag used for Anchor, or link to another page, another location on a page, or another site.
Accompanied by the name of the link as “href,” e.g., <a href=”filename.html”>

Answer: <a>

20. The background repeat property is used to set an element's background image.

Answer: False

Prelim Quiz 2

1. Bitmapped images can be compressed to varying degrees depending on the file format.

Answer: True

2. The _________________ of the image is set to the height of the image.

Answer: Height

3. Duplicate pixels from another area

Answer: Clone Stamp Tool

4. Use the __________________ property to set the object border length.

Answer: Border

5. The file type will affect the output file quality and size

Answer: Image Type

6. Automatically fix artifacts in image by painting over them

Answer: Healing Brush Tool

 CSWD04 Blended Answer

7. One of the drawbacks of photoshop is you can have complete control of your projects as you
can edit your pixel-by-pixel graphics

Answer: False

8. Destructive editing is done through layers and masks and preserves information about the
original pixels.

Answer: False

9. This changes the picture dimensions.

Answer: Dimensions

10. Vector graphics include resolution-independent drawings and diagrams drawn in Adobe
Illustrator, CorelDraw, and similar programs.

Answer: True

11. This is critical and can have a significant impact on the final file size

Answer: Image Quality

12. Continuous-tone refers to bitmapped images of sketches and line art with minimal color
numbers.

Answer: False

13. Moves selected pixels and replaces them automatically

Answer: Content-Aware Move

14. Posterization occurs when an object's apparent bit depth is reduced so much that it has a visual
impact.

Answer: True
 CSWD04 Blended Answer

15. Scales selected pixels while automatically filling empty pixels

Answer: Content-Aware Scale

16. Adobe Photoshop is a popular program for vector-based editing to create icons, illustrations,
cartoons, and fonts.

Answer: False

17. Flat colour refers to bitmapped images with many colors and color combinations that are
photos or drawings.

Answer: False

18. Adobe Photoshop is a great program to change images or graphics that have already been
made, such as photographs, and is the most popular program for Adobe.

Answer: True

19. One advantage of Adobe Illustrator Software is a graphic vector will never lose its quality if it is
scaled up or down

Answer: True

20. Fills an area using pixels within proximity

Answer: Content-Aware Fill

Prelim Exam

1. The white-space property governs text flow and formatting.

Answer: true

2. In css, “color:red” can be called as _____________

Answer: Declaration

3. Use the ________________ property to set the image width.

Answer: width
 CSWD04 Blended Answer

4. Which of the following Color Format can also be defined using the keyword rgb, followed by
three numbers between 0 and 255, contained in parentheses and separated by commas, with
no spaces between them?

Answer: RGB Color

5. __________ has introduced text, list, box, margin, border, color, and background properties.

Answer: css

6. Dithering is the manner in which two-

color pixels are juxtaposed to create the illusion that a third color exists

Answer: True

7. Which of the following CSS3 Color Feature like RGB color but adds an alpha channel value to
specify the opacity of the color?

Answer: RGBa

8. A digital single-lens reflex (DSLR) camera, whether mirrored or mirrorless, is the best way to
capture high-quality images for the web.

Answer: True

9. You can write CSS once and then reuse the same sheet in multiple HTML pages.

Answer: CSS Saves Time

10. The property _________________ is used to set the object opacity.

Answer: -moz-opacity

11. Is it the best way to include H1 heading only one time on the web page.

Answer: True

12. The drawback of adobe photoshop is images that are already produced can not be easily
modified as there are minimal filters and image editing software at your fingertips

Answer: False

13. Changes the visual properties of the layer

Answer: Adjustment Layer

14. In CSS, “font-size” can be called as ________

Answer: Property-Name

15. Automatically fix artifacts in a specific area

Answer: Spot Healing Brush Tool

 CSWD04 Blended Answer

16. Which of the following tag is used to embed css in html page?

Answer: <style>

17. Which of the following css property specifies an image to use as the background of an element?

Answer: background-image

18.

Midterm Quiz 1

1. It is convenient to place each object on a separate layer to organize and work easily with
multiple moving objects.

Answer: Layers

2. Sets the number of times the animation will repeat; to repeat the animation forever, you can
specify infinite.

Answer: animation-iteration-count

3. Animations involving transition between two states are often referred to as implicit transitions
since the user explicitly specifies the states between the start and the final states.

Answer: True

4. A CSS animation can be triggered by applying the animation styles to the: hover or: active states
when the reader has the mouse over the object or when the user clicks on the object.

Answer: True

5. Which of the following selector is used to select and style when you place mouse over it?

Answer: hover

6. Which of the following property specifies the speed curve of the transition effect?

Answer: transition-timing-function
 CSWD04 Blended Answer

7. Which of the following css propery define the properties that will be animated in an animation
rule?

Answer: animation

8. What does this code do?

Code:

@media only screen and (max-width: 500px) {

body {

background-color: lightblue;

Answer: If the browser window is smaller than 500px, the background color will change to lightblue:

9. Set the time it takes for an animation to complete a loop.

Answer: animation-duration

10. The shorthand transition property is used to manage CSS animations.

Answer: False

11. CSS transitions allow you to decide which properties to animate when the animation begins,
how long the transition will last and how the transition will continue

Answer: True

12. elapsedTime is a float showing the number of seconds the transition was going on at the time
the event was going on.

Answer: True

13. The syntax for Animation with jQuery

(selector).animate({styles},speed,easing,callback)

Answer: True
 CSWD04 Blended Answer

14. This identify transition points in the action as a concept borrowed from film animation.

Answer: Keyframes

15. Configures whether or not the animation should alternate direction and repeat itself on each
run through the sequence or reset to the starting point.

Answer: animation-direction

16. Which of the following property defines the length of time that a transition takes?

Answer: transition-duration

17. A language of control allows users to control the animation and interact with it. Interactions
involve starting and stopping the animation and moving in the timeline to specified points.

Answer: Scripting Language

18. Which of the following property defines when the transition will start and it allows a transition
to begin execution some some period of time from when it is applied?

Answer: transition-delay

19. What should be written in the blank of the code for resizing elements in Responsive Web Design
with Transitions

Answer: @media screen

20. propertyName is a string that indicates the name of the CSS property that has completed its
transition.

Answer: True

Midterm Quiz 2

1. Which of the following CSS Property selects an animation defined in an @keyframes rule and
applies it to the element?
 CSWD04 Blended Answer

animation-name

2. Which of the following css property repeats an image both horizontally and vertically?

background-repeat

3. Which of the following css property allows elements to be offset, rotated, scaled, and skewed in
a variety of different ways?

transform

4. The translate3d() function is a 3D transform function used in three-dimensional space to

transfer an object.

true

5. The HTML < blink > tag is a non-standard component that is used to construct an enclosed text
that slowly flashes.

true

6. Which of the following transform property value defines a 2D translation?

translate(x,y)

7. The linear easing function is an identity function meaning that its output progress value is equal
to the input progress value for all inputs.

true

8. The syntax for specifying an easing function is as follows:

<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function>

true

9. Which of the following css property specifies a delay for the transition effect?

transition-delay
 CSWD04 Blended Answer

10. Which of the following css property defines whether or not an element should be visible when
not facing the screen?

backface-visibility

11. Which of the following CSS Property determines whether an animation should run in reverse on
some cycles?

11. Which of the following CSS3 property specifies how nested elements are rendered in 3D space

transform-style

12. Which of the following CSS Property defines which property values to apply to the element
before the animation begins (if delayed) and after it ends?

animation-fill-mode

13. An easing function must be a pure function which means that it always produces the same
progress value for a given set of inputs.

true

14. An easing function takes a progress value for input and generates a progress value for output.

true

15. Transition is a process of manipulating objects to appear as moving images.

false

16. Which of the following css property is used to define a delay before an animation starts?

transition-delay

17. The < blink > is an effective HTML mark.

 CSWD04 Blended Answer

false

18. Which of the following transform property value defines a translation, using only the value for
the X-axis?

translateX(x)

19. The syntax for the linear easing function is simply the linear keyword.

True

Midterm Exam

1. What does this code do?

Code:
@media only screen and (max-width: 500px) {
body {
background-color: lightblue;
}
}
If the browser window is smaller than 500px, the background color will change to lightblue:

2. Which of the following css property defines whether or not an element should be visible when
not facing the screen?

backface-visibility

3. Which of the following CSS Property defines which property values to apply to the element
before the animation begins (if delayed) and after it ends?

animation-fill-mode

4. Which of the following CSS Property selects an animation defined in an @keyframes rule and
applies it to the element?

animation-name

5. Simply change the style to make a global change, and it will automatically update all elements o
n all web pages.

Easy maintenance

6. The shorthand transition property is used to manage CSS animations.

 CSWD04 Blended Answer

False

7. Which of the following property specifies the speed curve of the transition effect?

transition-timing-function

8. elapsedTime is a float showing the number of seconds the transition was going on at the time
the event was going on.

True

9. If you are using CSS, there is no need to write attributes of HTML tags every time. Just write the
CSS rule for a tag and apply it to all occurrences of the tag.

Pages load faster

10. The linear easing function is an identity function meaning that its output progress value is equal
to the input progress value for all inputs.

True

11. Set the time it takes for an animation to complete a loop.

Animation-duration

12. Which of the following transform property value defines a translation, using only the value for
the X-axis?

translateX(x)

13. Transition is a process of manipulating objects to appear as moving images.

False

14. A language of control allows users to control the animation and interact with it. Interactions
involve starting and stopping the animation and moving in the timeline to specified points.

Scripting language

15. The translate3d() function is a 3D transform function used in three-dimensional space to

transfer an object.

True

16. Sets the number of times the animation will repeat; to repeat the animation forever, you can
specify infinite.

animation-iteration-count

17. The syntax for the linear easing function is simply the linear keyword.

True

18. CSS stands for __________.

 CSWD04 Blended Answer

Cascading Style Sheets

19. _________ selectors are used to specify a group of elements.

Class

20. Animations involving transition between two states are often referred to as implicit transitions
since the user explicitly specifies the states between the start and the final states.

True

21. Which of the following selector is used to select and style when you place mouse over it?

Hover

22. The syntax for specifying an easing function is as follows:

<easing-function> = linear | <cubic-bezier-easing-function> | <step-easing-function

True

23. Which of the following css property allows elements to be offset, rotated, scaled, and
skewed in a variety of different ways?

Transform

24. Which of the following css property repeats an image both horizontally and vertically?

Background-repeat

25. The HTML < blink > tag is a non-standard component that is used to construct an
enclosed text that slowly flashes.

True

26. This is used to choose from a predefined list a single option

<input type=“radio”>

27. Configures whether or not the animation should alternate direction and repeat itself on
each run through the sequence or reset to the starting point.

Animation-direction

28. Which of the following transform property value defines a 2D translation?

translate(x,y)
 CSWD04 Blended Answer

29. Which of the following css property is used to define a delay before an animation starts?

Transition delay

30. __________ has introduced text, list, box, margin, border, color, and background
properties.

Css

31. The < blink > is an effective HTML mark.

False

32. Which of the following CSS3 property specifies how nested elements are rendered in 3D
space

Transform-style

33. You can write CSS once and then reuse the same sheet in multiple HTML pages.

CSS saves time

34. The _________________ of the image is set to the height of the image.

Height

35. A CSS animation can be triggered by applying the animation styles to the: hover or:
active states when the reader has the mouse over the object or when the user clicks on the
object.

True

36. An easing function must be a pure function which means that it always produces the
same progress value for a given set of inputs.
True

37. Which of the following property defines when the transition will start and it allows a transition
to begin execution some some period of time from when it is applied?
Transition Delay

38. A language of control allows users to control the animation and interact with it. Interactions
involve starting and stopping the animation and moving in the timeline to specified points.
Scripting language
 CSWD04 Blended Answer

39. CSS transitions allow you to decide which properties to animate when the animation
begins, how long the transition will last and how the transition will continue
True

40. Which of the following property defines the length of time that a transition takes?
Transition duration

41. Which of the following css property specifies a delay for the transition effect?
Transition delay

42. This identify transition points in the action as a concept borrowed from film animation.
Keyframes

43. Which of the following CSS Property determines whether an animation should run in reverse on
some cycles?
none of the mentioned

44. It is convenient to place each object on a separate layer to organize and work easily with
multiple moving objects.
Layers

45. What should be written in the blank of the code for resizing elements in Responsive Web Design
with Transitions
@media screen

46. Which of the following css propery define the properties that will be animated in an animation
rule?
Animation

47. CSS has a much wider range of attributes than HTML, so you can look much better than HTML at
tributes.
Superior styles to HTML

48. propertyName is a string that indicates the name of the CSS property that has completed
its transition.

True

49. An easing function takes a progress value for input and generates a progress value for
output.

True