# TOP CSS QUESTIONS

## CSS Multiple choice questions

Congratulations - you have completed CSS Multiple choice questions.

You scored %%SCORE%% out of %%TOTAL%%.

Your performance has been rated as %%RATING%%

 Question 1 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
"font-style comes first than font-weight in font attribute".State true or false.
 A auto B number C count D none
 Question 2 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... describes CSS properties to manipulate the position of "ruby", which are small annotations on top of or next to words, especially common in Chinese and Japanese.
 A CSS level 1 B CSS level 2 C CSS level 3 D CSS level 2.1
Question 2 Explanation:
Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called "modules". Each module adds new capabilities or extends features defined in CSS 2, preserving backward compatibility.
 Question 3 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... first became a Candidate Recommendation on February 25, 2004, but it was reverted to a Working Draft on June 13, 2005 for further review.
 A (X)HTML CSS B CSS level 2 C CSS level 2.1 D CSS level 1
Question 3 Explanation:
The first CSS specification to become an official W3C Recommendation is CSS level 1, published on December 17, 1996. Hakon Wium Lie and Bert Bos are credited as the original developers.
 Question 4 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... has a grammar but unlike traditional (X)HTML it is not defined with a document type definition.
 A align B ruby C lang D text-align
Question 4 Explanation:
Align is used to align the content either left, right or center. Ruby describes CSS properties to manipulate the position of "ruby", which are small annotations on top of or next to words, especially common in Chinese and Japanese. They are often used to give the pronunciation or meaning of difficult ideograms. Text-align is for aligning the text either left, right or in center.
 Question 5 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... has introduced text, list, box, margin, border, color, and background properties.
 A
Question 5 Explanation:
<style> </style> tag is used to embed CSS in HTML page, while <script> </script> is used to embed JS in HTML. <!DOCTYPE html> is HTML5 declaration.
 Question 6 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property associates a background image with an element.
 A background B background-position C background-attachment D none of the mentioned
UPSC FREE STUDY
 Question 7 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property defines a mask to be used as a box's overlay in order to clip the box to a complex shape.
 A marquee-style B marquee-play-count C marquee-direction D none of the mentioned
 Question 8 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property defines the space between cells in a table.
 A clammper B clip C clear D none of the mentioned
 Question 9 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property defines whether table cell borders are connected or separate.
 A border B border-spacing C border-style D none of the mentioned
 Question 10 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property defines whether table cell borders are connected or separate.
 A image B background-image C float D none of the mentioned
 Question 11 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property sets the background image to scroll or not to scroll with its associated element's content
 A border-color B border C border-style D none of the mentioned
Question 11 Explanation:
border-collapse roperty defines whether table cell borders are connected or separate.
 Question 12 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements
 A margin B box-sizing C padding D none of the mentioned
Question 12 Explanation:
Example:
 Question 13 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property specifies how the position of the mask should be calculated by setting the origin relative to different locations within an element's box.
Question 13 Explanation:
 Question 14 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property specifies the direction in which a marquee should move.
 A !important B delay C inherit D important
Question 14 Explanation:
Each property may also have a cascaded value of 'inherit', which means that, for a given element, the property takes the same specified value as the property for the element's parent. The 'inherit' value can be used to enforce inheritance of values, and it can also be used on properties that are not normally inherited.
 Question 15 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... property specifies whether the mask should scroll or stay fixed when the page is scrolled.
Question 15 Explanation:
Syntax:
 Question 16 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... selectors are used to specify a group of elements.
 A Selector B Rule C Property D Property-Name
Question 16 Explanation:
In CSS, font-size is a property-name which increases/decreases the font of text.
 Question 17 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
..... types are mutually exclusive in the sense that a user agent can only support one media type when rendering a document.
 A Specify the target medium from a style sheet with the @media or @import at-rules B Specify the target medium within the document language C both Specify the target medium from a style sheet with the @media or @import at-rules and Specify the target medium within the document language D none of the mentioned
NTA NET study material
 Question 18 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
@font-feature-values are only supported in .....
 A IE B Opera C Chrome D Firefox
Question 18 Explanation:
background-blend-mode is not supported by Internet Explorer, background-clip, background-color, background-image, background-origin, background-position, background, background-repeat, background-size are supported by all the browsers.
 Question 19 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
@keyframes rule is used to define the properties that will control the audio/video formats. State true or false.
 A marquee B marquee-direction C marquee-time D none of the mentioned
 Question 20 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
@page is not supported by .....
 A IE B Chrome C Opera D Firefox
Question 20 Explanation:
outline-offset is not supported by Internet Explorer, outline, outline-color, outline-style, outline-width are supported by all the browsers.
 Question 21 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
@page is not supported in .....
 A Internet Explorer B Chrome C Safari D Opera
Question 21 Explanation:
 Question 22 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
A ..... is used to define a special state of an element.
 A Set different list item markers for ordered lists B Set different list item markers for unordered lists C Set an image as the list item marker D All of the mentioned
NTA NET study material
 Question 23 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
A grid is not supported by .....
 A chrome B firefox C IE D Opera
Question 23 Explanation:
@font-feature-values are supported by Firefox only, font-kerning is supported by all the browsers, font-language-override is supported by firefox only, font-varient is supported by all the browsers.
 Question 24 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. State true or false.
 A gray B chrome C monochrome D none of the mentioned
 Question 25 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
A similar rule called the ..... is specified using the plus sign (+) and is used to select elements that would be siblings of each other.
 A Strong have yellow background B Strong element within a p element have a yellow background C Both p and strong have yellow background D None of the mentioned
Question 25 Explanation:
All occurrences of the strong element within a p element have a yellow background.
 Question 26 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
A single ..... rule can be used in an external sheet to define character set encoding of the style rules and values.
 A /!- comments -!/ B /! comments !/ C /* comments */ D None of the mentioned
Question 26 Explanation:
Comments can be placed within style sheets. Style sheets use the comment syntax used in C programming
 Question 27 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
An ..... rule can be used to define style rules for multiple media types in a single embedded style sheet
 A @media B @charset C @font-face D None of the mentioned
UPSC FREE STUDY
 Question 28 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
An ..... rule is used to define a page block for printed styles.
 A @media B @charset C @font-face D None of the mentioned
 Question 29 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
As a general rule, properties in CSS inherit from ..... elements
 A Import a style sheet using the CSS @import notation. B Apply the basic, document-wide style sheet for the document by using the style element C Link an external style sheet to the document using the link elemen D All of the mentioned
 Question 30 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
background-blend-mode is not supported by?
 A :valid B :visited C :target D :selection
NTA NET study material
Question 30 Explanation:
:visited selects all visited links, :valid selects all input elements with a valid value, :target selects the current active # element, ::selection selects the portion of an element that is selected by a user.
 Question 31 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
By applying an ..... a style can be applied to just a single tag.
 A class Selectors B element Selectors C id Selectors D none of the mentioned
Question 31 Explanation:
These selectors are called element selectors and are simply used
as follows:
 Question 32 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Choose the CSS property that can be used for collapsing the borders between table cells?
 A border-background B border-background-color C border-color D all of the mentioned
Crack any exam
Question 32 Explanation:
The border-color property sets the color of an element's four borders. This property can have from one to four values.
 Question 33 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Choose the CSS property which specifies the placement of a table caption.
 A wrap-content B fix-content C adjust-content D justify-content
Question 33 Explanation:
The CSS justify-content property defines how the browser distributes space between and around flex items along the main-axis of their container.
 Question 34 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Choose the option that correctly specifies the output of the following CSS.

span { 	border: 1px solid red; outline: green dotted thick; }
 A line B padding C outline D border
Question 34 Explanation:
Outlines do not take up space, they are drawn above the content.
 Question 35 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Clip property is not supported in .....
 A initial B collapse C hidden D inherit
Question 35 Explanation:
Collapse is only for table elements. Collapse removes row or column. But it does not affect table layout. The space taken up by row or column will be available for other content. If the collapse is used with other elements, it renders as "hidden".
 Question 36 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
CSS3 ..... let you display smooth transitions between two or more specified colors
 A child to parent B parent to child C grandparents to parents D none of the mentioned
 Question 37 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Each property may also have a cascaded value of ..... which means that, for a given element, the property takes the same specified value as the property for the element's parent.
 A author B user C user-agent D none of the mentioned
Question 37 Explanation:
User: The user may be able to specify style information for a particular document. For example, the user may specify a file that contains a style sheet or the user agent may provide an interface that generates a user style sheet (or behaves as if it did) .
 Question 38 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this " style="" ".
 A specificity = 0,0,0,1 B specificity = 0,0,1,0 C specificity = 0,1,0,0 D specificity = 1,0,0,0
 Question 39 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this " ul li".
 A specificity = 0,0,0,1 B specificity = 0,0,1,1 C specificity = 0,1,1,1 D specificity = 1,1,1,1
 Question 40 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "#x34y".
 A specificity = 2,0,0,1 B specificity = 0,0,1,1 C specificity = 0,2,0,1 D specificity = 0,0,2,1
 Question 41 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "*".
 A class selectors B attribute selectors C adjacent-sibling selector D none of the mentioned
 Question 42 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "li".
 A specificity = 0,0,0,0 B specificity = 0,0,0,1 C specificity = 0,0,1,0 D specificity = 1,0,0,0
NTA NET study material
 Question 43 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "li.red.leve".
 A specificity = 0,0,1,3 B specificity = 0,0,0,4 C specificity = 0,1,2,1 D specificity = 1,1,1,1
 Question 44 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "li:first-line".
 A specificity = 0,0,0,0 B specificity = 0,0,1,2 C specificity = 0,0,0,2 D specificity = 2,0,0,0
 Question 45 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "ul ol li.red".
 A specificity = 0,0,3,1 B specificity = 0,0,1,3 C specificity = 1,1,1,1 D specificity = 1,2,2,1
 Question 46 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "ul ol li.red".
 A specificity = 0,0,2,1 B specificity = 0,2,1,1 C specificity = 0,1,1,1 D specificity = 0,0,0,3
UPSC FREE STUDY
 Question 47 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
Find the specificity of this "ul ol+li".
 A specificity = 0,0,1,1 B specificity = 0,0,0,2 C specificity = 0,1,0,1 D specificity = 1,0,0,1
 Question 48 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
For External Style Sheets in some cases when @import is used, the browser may cause a rendering "flash" under slow loading conditions.
 A True B False
Question 48 Explanation:
Among inline, embed and external style ways, inline has the highest priority and it overrides the other.
 Question 49 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
For Inline Style, we don't need to reapply style information throughout the document and outside documents.
 A For use with all devices B For use with handheld devices C For use with computer screens D For use with television-type devices
UPSC FREE STUDY
Question 49 Explanation:
In CSS, media types are used for the compatibility of devices. There are four types of nedia types i.e all, print, screen and speech. Out of which screen media type is used for computer screens, tablets, smart-phones, etc.
 Question 50 [CLICK ON ANY CHOICE TO KNOW MCQ multiple objective type questions RIGHT ANSWER]
How a style sheet can be glued to the HTML document?
 A Tag B Selector C Declaration D Class
Question 50 Explanation:
The selector is the link between the HTML document and the style. It specifies what elements are affected by the declaration. The declaration is that part of the rule that sets forth what the effect will be.
Once you are finished, click the button below. Any items you have not completed will be marked incorrect.
There are 50 questions to complete.