Css3 Fundamentals — Part 1 MCQs with Explanations

The Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.

p ~ strong {font-style: italic;} /* sets the font style to italic on all strong tags that have a p tag as a preceding sibling */

:default {background-color: red;} /* sets the background color of a default button like a submit to red */

strong:first-of-type {font-size: bigger;} /* sets the font size bigger on the first strong tag of its parent */

div:nth-child(2) {background-color: red;} /* sets the background color to red if the div is its parent’s second child */

:root {background-color: blue;} /* sets the background color to blue for the root element */

Explanation: input:read-only {color: gray;} /* put all read only fields in gray */

Example: #a2 {transition-property: color; transition-duration: 1s;}

Syntax: column-break-after: always | auto | avoid

Syntax: column-break-before: always | auto | avoid

Syntax: column-count: integer | auto

Syntax: column-gap: length | normal

Syntax: column-rule-style: dashed | dotted

Syntax: column-rule-width: non-negative length

Syntax: columns: column-count width

Syntax: column-rule-color: color

Syntax: filter: filtername(filtervalues) ... filtername(filtervalues)

Syntax: image-rendering: auto | inherit

background-image is the correct answer to “Which of the following css property specifies an image to use as the background of an element”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

transition-delay is the correct answer to “Which of the following css property specifies a delay for the transition effect”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

rotateY() is the correct answer to “Which of the following method rotates an element around its Y-axis at a given degree using tranform 3D”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

perspective-origin is the correct answer to “Which of the following property defines where a 3D element is based in the x- and the y-axis”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

background-repeat is the correct answer to “Which of the following css property repeats an image both horizontally and vertically”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

image-resolution is the correct answer to “Which of the following CSS3 property specifies the intrinsic resolution of all raster images used in/on the element”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

object-fit is the correct answer to “Which of the following CSS3 property specifies how the contents of a replaced element should be fitted to the box established by its used height and width”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

object-position is the correct answer to “Which of the following CSS3 property specifies the alignment of the replaced element inside its box”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

hover is the correct answer to “Which of the following selector is used to select and style when you place mouse over it”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

scale() is the correct answer to “Which of the following method increases or decreases the size of an element using tranform”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

translate() is the correct answer to “Which of the following method moves an element from its current position using tranform”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

transition-timing-function is the correct answer to “Which of the following property specifies the speed curve of the transition effect”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

skewX() is the correct answer to “Which of the following method skews an element along the X-axis by the given angle using tranform”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

skew() is the correct answer to “Which of the following method skews an element along the X and Y-axis by the given angles using tranform”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

cubic-bezier(n,n,n,n) is the correct answer to “Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

arrow-down is the correct answer to “Which of the following CSS3 property specifies where to navigate when using the arrow-down navigation key”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

nav-index is the correct answer to “Which of the following CSS3 property specifies the sequential navigation order for an element”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

inital is the correct answer to “Which of the following nav-left value sets it’s value to default value”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

outline is the correct answer to “Which of the following CSS3 property adds space between an outline and the edge or border of an element”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

nav-up is the correct answer to “Which of the following CSS3 property specifies where to navigate when using the arrow-up navigation key”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

Animations is the correct answer to “What module introduces the ability to modify CSS property values over time, such as position or color, to create animated layouts”. This question is standard in competitive examination syllabi for Css3 Fundamentals.

Generated Content for Paged Media is the correct answer to “What module defines the management of generated content for print output, including crop mark indication, header/footer handling, and much more”. This question is standard in competitive examination syllabi for Css3 Fundamentals.