R4RIN – MCQs, Mock Tests | CSS Css Mcq Set 1

What is CSS?

1. CSS is a style sheet language
2. CSS is designed to separate the presentation and content, including layout, colors, and fonts
3. CSS is the language used to style the HTML documents
4. all of the mentioned

✅ Correct Answer: 4

Who invented CSS?

1. Hakon Wium Lie
2. Sergey Brin
3. Rasmus Lerdorf
4. Brendan Eich

✅ Correct Answer: 1

Which of the following tag is used to embed css in html page?

1. <css>
2. <!DOCTYPE html>
3. <script>
4. <style>

✅ Correct Answer: 4

Which of the following CSS selectors are used to specify a group of elements?

1. tag
2. id
3. class
4. both class and tag

✅ Correct Answer: 3

In CSS, what does h1 can be called as _______

1. Attribute
2. Selector
3. Tag
4. Value

✅ Correct Answer: 2

Which of the following has introduced text, list, box, margin, border, color, and background properties?

1. HTML
2. PHP
3. CSS
4. Ajax

✅ Correct Answer: 3

Which of the following CSS framework is used to create a responsive design?

1. django
2. rails
3. larawell
4. bootstrap

✅ Correct Answer: 4

Which CSS selector is used to specify a rule to bind a particular unique element?

1. tag
2. id
3. class
4. both class and tag

✅ Correct Answer: 2

In CSS, “font-size” can be called as ________

1. Property
2. Selector
3. Property-Name
4. Rule

✅ Correct Answer: 3

Which type of HTML tag is used to define an internal style sheet?

1. <script>
2. <link>
3. <class>
4. <style>

✅ Correct Answer: 4

Which CSS property is used to make the text bold?

1. text-decoration: bold
2. font-weight: bold
3. font-style: bold
4. text-align: bold

✅ Correct Answer: 2

What will be the output of following CSS code snippet? h1 {color: "green";}

1. nothings happen
2. error occurs
3. heading becomes dark-green
4. heading becomes green

✅ Correct Answer: 1

Which of the following CSS style property is used to specify an italic text?

1. style
2. font
3. font-style
4. @font-face

✅ Correct Answer: 3

What will be the output of following CSS code snippet? h1 {color: red text-decoration: underline; font-style: italic;}

1. color: red, text-decoration: underline works
2. only font-style: italic works
3. color: red, text-decoration: underline and font-style: italic all works
4. text-decoration: underline and font-style: italic works

✅ Correct Answer: 2

Which of the following are the CSS Extension Prefixes for Webkit?

1. -chrome
2. -web
3. -o-
4. -webkit

✅ Correct Answer: 4

Which is the correct syntax to link an external style sheet in the HTML file?

1. <link rel=”stylesheet” href=”style.css” />
2. <link rel=”stylesheet” src=”style.css” />
3. <style rel=”stylesheet” src=”style.css” />
4. <style rel=”stylesheet” link=”style.css” />

✅ Correct Answer: 1

Which of the following is the first CSS specification to become an official W3C Recommendation?

1. CSS level 2
2. (X)HTML CSS
3. CSS level 1
4. CSS level 2.1

✅ Correct Answer: 3

Which of the following is the correct way to apply CSS style to a document?

1. Set an inline style rule using the style attribute directly on an element
2. Use an external style sheet, either by importing it or by linking to it
3. Directly embed a document-wide style in the head element of the document
4. all of the mentioned

✅ Correct Answer: 4

Which of the following is not a value for the font-style property?

1. oblique
2. normal
3. italic
4. none of the mentioned

✅ Correct Answer: 4

Which of the following function defines a linear gradient as a CSS image?

1. gradient()
2. linear-gradient()
3. grayscale()
4. image()

✅ Correct Answer: 2

In css, “color:red” can be called as ________

1. Declaration
2. Value
3. Rule
4. Selector

✅ Correct Answer: 1

Which CSS property can be used to set the image as a border instead of the border style?

1. background-image-source
2. background-image
3. border-image-source
4. border-image

✅ Correct Answer: 3

Which of the following CSS property defines the different properties of all four sides of an element’s border in a single declaration?

1. border-collapse
2. border-width
3. padding
4. borders.

✅ Correct Answer: 2

Which of the following CSS property specifies an image to use as the background of an element?

1. background-image
2. background
3. background-img
4. none of the mentioned

✅ Correct Answer: 1

Which of the following is the correct way to apply CSS Styles?

1. in an external CSS file
2. inside an HTML element
3. inside the <head> section of an HTML page
4. all of the mentioned

✅ Correct Answer: 4

Which of the following CSS3 property is used to tell the browser what the sizing properties should be included?

1. box-design
2. box-redesign
3. box-sizing
4. box-model

✅ Correct Answer: 3

Which of the following CSS property sets the font size of text?

1. font-size
2. text-size
3. text
4. size

✅ Correct Answer: 1

Which is not the property of the CSS box model?

1. margin
2. color
3. width
4. height

✅ Correct Answer: 2

Which of the following CSS property sets the amount of spacing between letters?

1. line-height
2. letter-space
3. space
4. letter-spacing

✅ Correct Answer: 4

Which of the following CSS property sets what kind of line decorations are added to an element, such as underlines, overlines, etc?

1. text-decoration
2. text-style
3. text-decoration-line
4. text-line

✅ Correct Answer: 3

Which of the following CSS property specifies the look and design of an outline?

1. outline-style
2. outline-format
3. outline-font
4. none of the mentioned

✅ Correct Answer: 1

Which of the following CSS property specifies the placement of an element in relation to floating objects?

1. space
2. clear
3. color
4. none of the mentioned

✅ Correct Answer: 2

What will be the output of the following CSS code snippet? span { border: 1px solid red; outline: green dotted thick; }

1. All span elements will have a green thick border and a red outline
2. All span elements will have a red border and a green dotted outline
3. All span elements will have a outer green dotted border and an inner red border
4. All span elements will have an outer red border and inner green dotted border

✅ Correct Answer: 3

Which of the following CSS property adds padding to the top of an element?

1. padding-top
2. padding-height
3. top
4. padding-left

✅ Correct Answer: 1

Which of the following CSS property sets the shadow for a box element?

1. set-shadow
2. box-shadow
3. shadow
4. canvas-shadow

✅ Correct Answer: 2

Which of the following CSS property is used to set the color of the text?

1. text-decoration
2. pallet
3. colour
4. color

✅ Correct Answer: 4

Which of the following CSS Property controls how an element is positioned?

1. static
2. position
3. fix
4. set

✅ Correct Answer: 2

Which of the following CSS selector selects the elements that are checked?

1. :checked
2. E ~ F
3. ::after
4. none of the mentioned

✅ Correct Answer: 1

Which of the following is an appropriate value for the overflow element?

1. scroll
2. hidden
3. auto
4. all of the mentioned

✅ Correct Answer: 4

Which of the following CSS property is used to specify table borders in CSS?

1. table:border
2. table
3. border
4. none of the mentioned

✅ Correct Answer: 3

Which of the following element is used to create a SVG rectangle?

1. <square>
2. <rectangle>
3. <polygon>
4. <rect>

✅ Correct Answer: 4

Which of the following CSS property converts text to initial capitals, all uppercase, or all lowercase?

1. text-decoration
2. text-uppercase
3. text-transform
4. text-transform

✅ Correct Answer: 3

Which of the following CSS property sets the opacity level for an element?

1. transparent
2. opacity
3. transparency
4. all of the mentioned

✅ Correct Answer: 2

Which of the following strings are defined in CSS?

1. both single quotes and double quotes
2. single quotes
3. double quotes
4. none of the mentioned

✅ Correct Answer: 1

Which of the following CSS Property sets the stacking order of positioned elements?

1. y-index
2. z-index
3. x-index
4. all of the mentioned

✅ Correct Answer: 2

What will be the output of the following CSS code? div { border-width:5px; border-style:dotted solid double dashed; }

1. Box having dotted bottom outline, solid right outline, double top outline and dashed left outline
2. Box having dotted bottom outline, solid left outline, double top outline and dashed left outline
3. Box having dotted top outline, solid right outline, double bottom outline and dashed left outline
4. Box having dotted top outline, solid left outline, double bottom outline and dashed right outline

✅ Correct Answer: 3

Which of the following CSS property defines the space between cells in a table?

1. border-spacing
2. border-style
3. border
4. none of the mentioned

✅ Correct Answer: 1

______ has introduced text, list, box, margin, border, color, and background properties.

1. css
2. html
3. ajax
4. php

✅ Correct Answer: 1

Select the CSS property that sets the width of an element’s bottom border?

1. border-width
2. border-bottom
3. border-width-down
4. border-bottom-width

✅ Correct Answer: 4

What will be the output of following code snippet? <style h1 {color: green;}> <h1>Hello</h1>

1. h1 heading becomes green
2. error
3. h1 heading disappears
4. nothing happens

✅ Correct Answer: 3

The _______property is used to set the color of the text.

1. pallet
2. colour
3. color
4. text-decoration

✅ Correct Answer: 3

Which of the following is the correct way to apply Styles?

1. inside an HTML element
2. inside the section of an HTML page
3. in an external CSS file
4. all of the mentioned

✅ Correct Answer: 4