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