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=”[Link]”>
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