Answered: Styling with CSS Questions and Answers

Tue, 24 Aug 2021 03:31:20 +0000

D Styling with CSS Questions and Answers

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

Select the appropriate answer from below options:

a) Bandwidth

b) Consistency

c) Rules, styles, targeting specific text

d) Accessibility

e) Page reformatting

Correct Answer of above question is : c) Rules, styles, targeting specific text

An external style sheet may be linked to a HTML document through which element?

Select the appropriate answer from below options:

a) title

b) HTML Link

c) address

d) span

Correct Answer of above question is : b) HTML Link

Applying style to a single specific HTML element can be best achieved through ________ type selector.

Select the appropriate answer from below options:

a) Child

b) Class

c) ID

d) Parent

Correct Answer of above question is : c) ID

Pseudo elements help in _______

Select the appropriate answer from below options:

a) overriding the predefined characteristics

b) providing special effects to some selectors

c) assisting in defining the CSS3

d) nulifying some features

Correct Answer of above question is : b) providing special effects to some selectors

Which of the following selector matches the name of any element type?

Select the appropriate answer from below options:

a) The Type Selector

b) The Universal Selector

c) The Descendant Selector

d) The Class Selector

Correct Answer of above question is : b) The Universal Selector

Which of the following is the value of overflow property?

Select the appropriate answer from below options:

None of the options

a) All the options

b) scroll

c) initial

d) hidden

Correct Answer of above question is : a) All the options

Which feature enables easy identification of corresponding style element?

Select the appropriate answer from below options:

a) Selectors

b) Pseudo-elements

c) Combinator

Correct Answer of above question is : a) Selectors

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

Select the appropriate answer from below options:

a) link

b) id

c) Style-properties

d) class

Correct Answer of above question is : b) id

An element with greater stack order is always ________

Select the appropriate answer from below options:

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

b) below the element with a lower stack order

c) next to the element with a lower stack order

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

Correct Answer of above question is : d) in front of an element with a lower stack order

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.

Select the appropriate answer from below options:

a) div

b) span

c) class

d) id

Correct Answer of above question is : c) class

Stacking context is _________

Select the appropriate answer from below options:

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

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

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

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

Correct Answer of above question is : c) three-dimensional conceptualization of HTML elements along an imaginary z-axis

An element with position: relative; is positioned relative to ________

Select the appropriate answer from below options:

a) nearby object's position

b) None of the options

c) its normal position

d) the container

Correct Answer of above question is : c) its normal position

Opacity has a default initial value of ________

Select the appropriate answer from below options:

a) 0.5

b) 0

c) 5

d) 1

Correct Answer of above question is : d) 1

3D transform property is animatable.

Select the appropriate answer from below options:

a) True

b) False

Correct Answer of above question is : b) False

Identify the Transform property.

Select the appropriate answer from below options:

a) transform-origin

b) transform-duration

c) backface-visibility and transform-origin

d) All the options

e) backface-visibility

Correct Answer of above question is : a) transform-origin

The following CSS code strong:first-of-type{font-size: bigger;} ___________

Select the appropriate answer from below options:

a) sets the font size bigger on the strong tag of the child of its parent

b) sets the font size bigger on all of the strong tags of its parent

c) None of the options

d) sets the font size bigger on the first strong tag of its parent

Correct Answer of above question is : d) sets the font size bigger on the first strong tag of its parent

Lower the opacity value, the more opaque it is.

Select the appropriate answer from below options:

a) False

b) True

Correct Answer of above question is : a) False

The not keyword cannot be used to negate an individual feature query, only an entire media query.

Select the appropriate answer from below options:

a) True

b) False

Correct Answer of above question is : a) True

matrix(n,n,n,n,n,n) ________

Select the appropriate answer from below options:

a) Defines a 3D transformation, using a matrix of six values

b) None of the options

c) Defines a 2D transformation, using a matrix of six values

Correct Answer of above question is : c) Defines a 2D transformation, using a matrix of six values

The amount of space between letters can be specified using the ________ property in a style rule.

Select the appropriate answer from below options:

a) letter-kerning

b) letter-leading

c) letter-spacing

d) letter-buffer

Correct Answer of above question is : c) letter-spacing

Tag is placed __________

Select the appropriate answer from below options:

a) None of the options

b) In Document Head

c) Within Style attribute

d) Within body

Correct Answer of above question is : b) In Document Head

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 _________

Select the appropriate answer from below options:

a) 1024 pixels

b) 1

c) None of the options

d) 640 pixels

Correct Answer of above question is : b) 1

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

Select the appropriate answer from below options:

a) background-color

b) bgcolor

c) background

d) background-color or background

Correct Answer of above question is : a) background-color

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

Select the appropriate answer from below options:

a) text-transform:uppercase

b) text-transform:capitalize

c) You cannot do that with CSS

Correct Answer of above question is : b) text-transform:capitalize

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

Select the appropriate answer from below options:

a) text-transform:uppercase

b) text-transform:capitalize

c) You cannot do that with CSS

Correct Answer of above question is : b) text-transform:capitalize

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

Select the appropriate answer from below options:

a) link

b) visited

c) focus

d) active

Correct Answer of above question is : b) visited

The z-index property in CSS controls the ________

Select the appropriate answer from below options:

a) Horizontal stacking order of elements that do not overlap

b) Vertical stacking order of elements that overlap

c) Horizontal stacking order of elements that overlap

Correct Answer of above question is : b) Vertical stacking order of elements that overlap

z-index only effects elements that have a position value other than ________

Select the appropriate answer from below options:

a) relative

b) absolute

c) Static

d) fixed

Correct Answer of above question is : c) Static

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

Select the appropriate answer from below options:

a) its normal position

b) the container

c) nearby objects position

d) the viewport

Correct Answer of above question is : d) the viewport

If only one value is specified to border radius property, ________

Select the appropriate answer from below options:

a) None of the options

b) Default value will be assigned as the radius is not specified separately for four corners

c) This radius will be applied to one corner

d) This radius will be applied to all four corners

Correct Answer of above question is : d) This radius will be applied to all four corners

Alpha channel in RGBA specifies the ________

Select the appropriate answer from below options:

a) opacity of the object

b) color of the object

c) None of the options

d) background color of the object

Correct Answer of above question is : a) opacity of the object

If only one value is specified to border radius property, ________

Select the appropriate answer from below options:

a) None of the options

b) Default value will be assigned as the radius is not specified separately for four corners

c) This radius will be applied to one corner

d) This radius will be applied to all four corners

Correct Answer of above question is : d) This radius will be applied to all four corners

Alpha channel in RGBA specifies the ________

Select the appropriate answer from below options:

a) opacity of the object

b) color of the object

c) None of the options

d) background color of the object

Correct Answer of above question is : a) opacity of the object

Using negative values in transforms will rotate the element ________

Select the appropriate answer from below options:

a) Negative values will not be considered

b) Clockwise

c) Counter-clockwise

Correct Answer of above question is : c) Counter-clockwise

rotateX(angle) ________

Select the appropriate answer from below options:

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

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

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

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

Correct Answer of above question is : c) Defines a 3D rotation along the X-axis

What is "hgroup"?

Select the appropriate answer from below options:

a) HTML element for group of related headlines

b) HTML element for accommodating more than five headlines

c) HTML element to comment group of headlines

d) None of the options

Correct Answer of above question is : a) HTML element for group of related headlines

Padding property creates _________

Select the appropriate answer from below options:

a) Space around the border

b) None of the options

c) Space around the content

d) Space around the container

Correct Answer of above question is : c) Space around the content

External Style sheets can contain HTML Tags.

Select the appropriate answer from below options:

a) False

b) True

Correct Answer of above question is : a) False

Opacity is inherited. State true or false.

Select the appropriate answer from below options:

a) True

b) False

Correct Answer of above question is : b) False

What is best way to overcome the default settings that comes with CSS?

Select the appropriate answer from below options:

a) Create reset.css in-addition to your existing CSS

b) Use additional param reset in your default CSS config

c) Change style.css

Correct Answer of above question is : a) Create reset.css in-addition to your existing CSS

If the max-width property is set to 100%, _________

Select the appropriate answer from below options:

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

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

c) None of the options

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

Correct Answer of above question is : a) the video player will scale down if it has to, but never scale up to be larger than its original size

Which feature uses :: (double colon)?

Select the appropriate answer from below options:

a) Combinator

b) Pseudo-Elements

c) Style-properties

d) Sequence Selectors

Correct Answer of above question is : b) Pseudo-Elements

The transform-style property value flat ________

Select the appropriate answer from below options:

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

b) None of the options

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

Correct Answer of above question is : c) Specifies that child elements will not preserve its 3D position

Transformation is an effect that lets an element change its _________

Select the appropriate answer from below options:

a) All the options

b) Shape

c) Position

d) Size

e) None of the options

Correct Answer of above question is : a) All the options

CSS3 transforms allow you to _____________ elements.

Select the appropriate answer from below options:

a) Rotate

b) Skew

c) All the options

d) None of the options

e) Translate

Correct Answer of above question is : c) All the options

media includes a block of CSS properties only if a certain condition is true.

Select the appropriate answer from below options:

a) No

b) Yes

Correct Answer of above question is : b) Yes

Identify the animation property.

Select the appropriate answer from below options:

a) @keyframes

b) None of the options

c) animation-name

d) animation-duration

e) All the options

Correct Answer of above question is : e) All the options

A responsive grid-view often has __________

Select the appropriate answer from below options:

a) 10 columns, and has a total width of 80%

b) 10 columns, and has a total width of 100%

c) 12 columns, and has a total width of 100%

d) 12 columns, and has a total width of 80%

Correct Answer of above question is : c) 12 columns, and has a total width of 100%

Which of these is not merit of external style sheet?

Select the appropriate answer from below options:

a) Extra download of file is required everytime

b) Using group style in case of complex situation

c) Control multiple documents having different styles

Correct Answer of above question is : a) Extra download of file is required everytime

Inline CSS uses which attribute of the HTML element?

Select the appropriate answer from below options:

a) src

b) style

c) title

d) id

Correct Answer of above question is : b) style

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

Select the appropriate answer from below options:

a) a

b) b

c) c

d) d

Correct Answer of above question is : b) b

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

Select the appropriate answer from below options:

a) not

b) only

c) or

d) and

Correct Answer of above question is : d) and

Madanswer Technologies Interview Questions Data|Agile|DevOPs|Python - Recent questions and answers in Styling with CSS3

Answered: Styling with CSS Questions and Answers

Answered: What is "hgroup"?

Answered: Padding property creates _________

Answered: External Style sheets can contain HTML Tags.

Answered: Opacity is inherited. State true or false.

Answered: What is best way to overcome the default settings that comes with CSS?

Answered: If the max-width property is set to 100%, _________

Answered: Which feature uses :: (double colon)?

Answered: The transform-style property value flat ________

Answered: Transformation is an effect that lets an element change its _________

Answered: CSS3 transforms allow you to _____________ elements.

Answered: media includes a block of CSS properties only if a certain condition is true.

Answered: Identify the animation property.

Answered: A responsive grid-view often has __________

Answered: Which of these is not merit of external style sheet?

Answered: Inline CSS uses which attribute of the HTML element?

Answered: Tag which provides a way to add a hook to a part of a text or part of a document is?

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