Search This Blog

CSS3 Final Assessment - Fresco Play HackerRank Solutions

Q.1 An element with position: fixed; is positioned relative to _________

1) the viewport

2) the container

3) nearby object's position

4) its normal position

Ans: 1) the viewport



Q.2 Which of these is supported by CSS embedded within HTML5?

1) Styles, in complex situations, can be applied by using Selector and Grouping methods

2) Extra download required

3) Multiple tag types can be created in a single document

Ans: 1) Styles, in complex situations, can be applied by using Selector and Grouping methods



Q.3 Brain trick - The following are all advantages of using CSS3, except __________

1) Accessibility

2) Page reformatting

3) Consistency

4) Bandwidth

5) Rules, styles, targeting specific text

Ans: 5) Rules, styles, targeting specific text




Q.4 Alpha channel in RGBA specifies the ________

1) None of the options

2) color of the object

3) background color of the object

4) opacity of the object

Ans: 4) opacity of the object





Q.5 The CSS ______ property can be used to specify the background color of an element.

1) bgcolor

2) background

3) background-color

4) background-color or background

Ans: 4) background-color or background





Q.6 How do you make each word in a text start with a capital letter?

1) text-transform:capitalize

2) You cannot do that with CSS

3) text-transform:uppercase

Ans: 1) text-transform:capitalize



Q.7 To make the width of a table adjust to the current width of the viewer's browser window, you should specify a table width of _________

1) 640 pixels

2) 1 or 100%

3) None of the options

4) 1024 pixels

Ans: 2) 1 or 100%



Q.8 What is "hgroup"?

1) None of the options

2) HTML element to comment group of headlines

3) HTML element for group of related headlines

4) HTML element for accommodating more than five headlines

Ans: 3) HTML element for group of related headlines



Q.9 The ________ operator is used for combining multiple media features together into a single media query.


1) or

2) only

3) not

4) and

Ans: 4) and




Q.10 Tag is placed __________

1) Within body

2) In Document Head

3) Within Style attribute

4) None of the options

Ans: 2) In Document Head


Q.11 The ________ pseudo-class can be used in a style rule to change the appearance of links that the visitor has already clicked.

1) active

2) focus

3) link

4) visited

Ans: 4) visited




Q.12 z-index only effects elements that have a position value other than _________

1) fixed

2) absolute

3) relative

4) Static

Ans: 4) Static




Q.13 The style element present within the head of HTML is called as _________

1) inline

2) linked

3) external

4) embedded

Ans: 4) embedded




Q.14 The ________ attribute can be added to most (X)HTML elements to identify the element as belonging to a group of elements within an (X)HTML document.

1) class

2) id

3) span

4) div

Ans: 1) class



Q.15 ______ position elements do not move when the visitor scrolls the browser window up or down.

1) Static

2) Relative

3) Fixed

4) Absolute

Ans: 3) Fixed



Q.16 Opacity has a default initial value of ________

1) 0

2) 1

3) 5

4) 0.5

Ans: 2) 1



Q.17 In video player, if the max-width property is set to 100%, __________

1) the video player will not scale down and never scale up to be larger than its original size

2) the video player will both scale down and up its original size

3) None of the options

4) the video player will scale down if it has to, but never scale up to be larger than its original size

Ans: 4) the video player will scale down if it has to, but never scale up to be larger than its original size




Q.18 If no background-position is specified, the image is always placed at the _________ of the element.

1) top

2) top left corner

3) middle

4) top right corner

Ans: 2) top left corner



Q.19 An element with greater stack order is always ________

1) in front of an element with a lower stack order

2) next to the element with a lower stack order

3) at the back of an element with a lower stack order

4) below the element with a lower stack order

Ans: 2) top left corner




Q.20 Lower the opacity value, the more opaque it is.

1) True

2) False

Ans: 2) False




Q.21 All of the following statements about CSS styles are true, except ___________

1) There is no additional network requests required to retrieve style information

2) In inline style, it is easy to implement control style on a single character instance

3) In some cases @import is used in inline styles

4) External style sheets can set and update styles for many documents at once

Ans: 3) In some cases @import is used in inline style




Q.22 The transform-style property value flat ________

1) Specifies that child elements will preserve its 3D position

2) None of the options

3) Specifies that child elements will not preserve its 3D position

Ans: 3) Specifies that child elements will not preserve its 3D position





Q.23 Tag which provides a way to add a hook to a part of a text or part of a document is?

1) Defines a 3D rotation along the X-axis

2) b

3) c

4) a

Ans: 2) b


Q.24 Stacking context is __________

1) two-dimensional conceptualization of HTML elements along an imaginary z-axis

2) three-dimensional conceptualization of HTML elements along an imaginary y-axis

3) two-dimensional conceptualization of HTML elements along an imaginary y-axis

4) three-dimensional conceptualization of HTML elements along an imaginary z-axis

Ans: 4) three-dimensional conceptualization of HTML elements along an imaginary z-axis



Q.25 An element with greater stack order is always ________

1) next to the element with a lower stack order

2) at the back of an element with a lower stack order

3) in front of an element with a lower stack order

4) below the element with a lower stack order

Ans: 3) in front of an element with a lower stack order



Q.26 Identify the Transform property.

1) backface-visibility and transform-origin

2) transform-duration

3) backface-visibility

4) transform-origin

5) All the options

Ans: 4) transform-origin



Q.27When a visitor clicks the submit button in a form, the ______ of each form element is sent. Pseudo elements help in _______

1) assisting in defining the CSS3

2) nullifying some features

3) providing special effects to some selectors

4) overriding the predefined characteristics

Ans: 3) providing special effects to some selectors



Q.28 When a visitor clicks the submit button in a form, the ______ of each form element is sent.

1) value

2) name-value pair

3) label

4) name

Ans: 2) name-value pair


Q.29 rotateX(angle) ________

1) Defines a 3D rotation along the X-axis

2) Defines a 3D rotation adjacent to X-axis

3) Defines a 2D rotation adjacent to X-axis

4) Defines a 2D rotation along the X-axis

Ans: 1) Defines a 3D rotation along the X-axis


Q.30 In selectors, the following can be used across for multiple tags, except _________

1) class

2) Style-properties

3) link

4) id

Ans: 4) id


Q.31 Q.2 Inline CSS uses which attribute of the HTML element?

1) src

2) title

3) id

4) style

Ans: 4) style



Q.32 Which feature enables easy identification of corresponding style element?

1) Combinator

2) Pseudo-elements

3) Selectors

Ans: 3) Selectors



Q.33The z-index property in CSS controls the ________

1) Vertical stacking order of elements that overlap

2) Horizontal stacking order of elements that do not overlap

3) Horizontal stacking order of elements that overlap

Ans: 1) Vertical stacking order of elements that overlap


Q.34 Identify the animation property.

1) @keyframes'

2) All the options

3) None of the options

4) animation-duration

5) animation-name

Ans: 2) All the options





No comments:

Post a Comment

If you have any doubts, Please let us know.