---Advertisement---
Web

Styling with CSS3 Interview Question-Answer

By Smart Answer

Updated on:

---Advertisement---

Q.1 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 _______.

       A. 1024 pixels

       B. 640 pixels

       C. 1

       D. None of the options

Ans : 1


Q.2 External Style sheets can contain HTML Tags.

       A. True

       B. False

Ans : False


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

       A. d

       B. c

       C. a

       D. b

Ans : b


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

       A. letter-spacing

       B. letter-buffer

       C. letter-leading

       D. letter-kerning

Ans : letter-spacing


Q.5 Padding property creates ________.

       A. Space around the container

       B. Space around the border

       C. Space around the content

       D. None of the options

Ans : None of the options


Q.6 Which of the following selector matches the name of any element type?

       A. The Universal Selector

       B. The Class Selector

       C. The Type Selector

       D. The Descendant Selector

Ans : The Universal Selector


Q.7 Pseudo elements help in _______.

       A. nullifying some features

       B. overriding the predefined characteristics

       C. providing special effects to some selectors

       D. assisting in defining the CSS3

Ans : providing special effects to some selectors


Q.8 Which feature uses :: (double colon)?

       A. Sequence Selectors

       B. Pseudo-Elements

       C. Combinator

       D. Style-properties

Ans : Pseudo-Elements


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

       A. ID

       B. Parent

       C. Child

       D. Class

Ans : ID


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

       A. Active

       B. Link

       C. Visited

       D. Focus

Ans : Visited


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

       A. Absolute

       B. Static

       C. Fixed

       D. Relative

Ans : Static


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

       A. Next to the element with a lower stack order

       B. In front of an element with a lower stack order

       C. Below the element with a lower stack order

       D. At the back of an element with a lower stack order

Ans : In front of an element with a lower stack order


Q.13 Stacking context is _________.

       A. Three-Dimensional conceptualization of HTML elements along an imaginary z-axis

       B. Two-Dimensional conceptualization of HTML elements along an imaginary y-axis

       C. Three-Dimensional conceptualization of HTML elements along an imaginary y-axis

       D. Two-Dimensional conceptualization of HTML elements along an imaginary z-axis

Ans : Three-Dimensional conceptualization of HTML elements along an imaginary z-axis


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

       A. None of the options

       B. This radius will be applied to one corner

       C. Default value will be assigned as the radius is not specified separately for four corners

       D. This radius will be applied to all four corners

Ans : This radius will be applied to all four corners


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

       A. True

       B. False

Ans : False


Q.16 Which of the following is correct about Hex Code format of CSS colors?

       A. The last is the blue value (BB)

       B. The next two represent a green value (GG)

       C. The first two digits (RR) represent a red value

       D. All The Options

Ans : All The Options


Q.17 matrix(n,n,n,n,n,n) ________.

       A. Defines a 2D transformation, using a matrix of six values

       B. Defines a 3D transformation, using a matrix of six values

       C. None of the options

Ans : Defines a 2D transformation, using a matrix of six values


Q.18 Using negative values in transforms will rotate the element ________.

       A. Clockwise

       B. Counter-clockwise

       C. Negative values will not be considered

Ans : Counter-clockwise


Q.19 The transform-style property value flat ________.

       A. Specifies that child elements will not preserve its 3D position

       B. Specifies that child elements will preserve its 3D position

       C. None of the options

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


Q.20 CSS3 transforms allow you to __________ elements.

       A. Rotate

       B. Skew

       C. Translate

       D. All the options

Ans : All the options


Q.21 Identify the animation property.

       A. animation-duration

       B. animation-name

       C. @keyframes’

       D. All the options

Ans : All the options


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

       A. Yes

       B. No

Ans : Yes


Q.23 A responsive grid-view often has __________.

       A. 12 columns, and has a total width of 80%

       B. 10 columns, and has a total width of 100%

       C. 10 columns, and has a total width of 80%

       D. 12 columns, and has a total width of 100%

Ans : 12 columns, and has a total width of 100%


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

       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 both scale down and up its original size

       C. The video player will not scale down and never scale up to be larger than its original size

       D. None of the options

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


Q.25 Opacity has a default initial value of ________.

       A. 1

       B. 5

       C. 0.5

       D. 0

Ans : 1


Q.26 Identify the Transform property.

       A. All the options

       B. transform-duration

       C. transform-origin

       D. backface-visibility

Ans : transform-origin


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

       A. external

       B. linked

       C. embedded

       D. inline

Ans : inline


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

       A. span

       B. HTML link

       C. address

       D. title

Ans : HTML link


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

       A. Use additional param reset in your default CSS config

       B. Create reset.css in-addition to your existing CSS

       C. Change style.css

Ans : Create reset.css in-addition to your existing CSS


Q.30 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.

       A. Span

       B. ID

       C. Div

       D. Class

Ans : Class


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

       A. name

       B. value

       C. label

       D. name-value pair

Ans : name-value pair


Q.32 The following CSS code strong:first-of-type{font-size: bigger;} _________.

       A. Sets the font size bigger on the first strong tag of its parent

       B. Sets the font size bigger on all of the strong tags of its parent

       C. Sets the font size bigger on the strong tag of the child of its parent

       D. None of the options

Ans : Sets the font size bigger on the first strong tag of its parent


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

       A. ID

       B. Class

       C. Link

       D. Style-properties

Ans : ID


Q.34 Transformation is an effect that lets an element change its _________.

       A. All the options

       B. Shape

       C. Position

       D. Size

Ans : All the options


Smart Answer

---Advertisement---

Related Post

Workflow Automation with Gulp Interview Question-Answer

Q.1 The default task representation in gulp is _________.        A. ABgulp.call(‘default’,function(){ ‘d’,void});        B. gulp.task(‘default’,function(){ });        C. gulp.call(‘default’,function(){ ‘default’});   ...

Bundling with Webpack Interview Question-Answer

Q.1 The distinct feature of Webpack is ___________.        A. Code-Splitting        B. Bundling        C. Modularity        D. Reusability ...

Vue JS – Efficacy Interview Question-Answer

Q.1 How to initialize the root instance in Vue JS (using the CDN method)?        A. var app = Vue new({…});        B. var ...

Package Management with Bower Interview Question-Answer

Q.1 You are trying to install a particular jQuery version 1.9.15 using Bower install angular. What happens to the installation? ( Hint – jQuery 1.9.15 is not a ...

Leave a Comment