R4RIN – MCQs, Mock Tests | CSS CSS Mcq Questions

CSS stands for -

1. Cascade style sheets
2. Color and style sheets
3. Cascading style sheets
4. None of the above

✅ Correct Answer: 3

Which of the following is the correct syntax for referring the external style sheet?

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

✅ Correct Answer: 4

The property in CSS used to change the background color of an element is -

1. bgcolor
2. color
3. background-color
4. All of the above

✅ Correct Answer: 3

The property in CSS used to change the text color of an element is -

1. bgcolor
2. color
3. background-color
4. All of the above

✅ Correct Answer: 2

The CSS property used to control the elements font-size is -

1. text-style
2. text-size
3. font-size
4. None of the above

✅ Correct Answer: 3

The HTML attribute used to define the inline styles is -

1. style
2. styles
3. class
4. None of the above

✅ Correct Answer: 1

The HTML attribute used to define the internal stylesheet is -

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

✅ Correct Answer: 1

Which of the following CSS property is used to set the background image of an element?

1. background-attachment
2. background-image
3. background-color
4. None of the above

✅ Correct Answer: 2

Which of the following is the correct syntax to make the background-color of all paragraph elements to yellow?

1. p {background-color : yellow;}
2. p {background-color : #yellow;}
3. all {background-color : yellow;}
4. all p {background-color : #yellow;}

✅ Correct Answer: 1

Which of the following is the correct syntax to display the hyperlinks without any underline?

1. a {text-decoration : underline;}
2. a {decoration : no-underline;}
3. a {text-decoration : none;}
4. None of the above

✅ Correct Answer: 3

Which of the following property is used as the shorthand property for the padding properties?

1. padding-left
2. padding-right
3. padding
4. All of the above

✅ Correct Answer: 3

The CSS property used to make the text bold is -

1. font-weight : bold
2. weight: bold
3. font: bold
4. style: bold

✅ Correct Answer: 1

Are the negative values allowed in padding property?

1. Yes
2. No
3. Cant say
4. May be

✅ Correct Answer: 2

Which of the following property is used as the shorthand property of margin properties?

1. margin-left
2. margin-right
3. margin
4. None of the above

✅ Correct Answer: 3

The CSS property used to specify the transparency of an element is -

1. opacity
2. filter
3. visibility
4. overlay

✅ Correct Answer: 1

Which of the following is used to specify the subscript of text using CSS?

1. vertical-align: sub
2. vertical-align: super
3. vertical-align: subscript
4. None of the above

✅ Correct Answer: 1

Which of the following CSS property is used to specify the space between every letter inside an element?

1. alpha-spacing
2. character-spacing
3. letter-spacing
4. alphabet-spacing

✅ Correct Answer: 3

18) The CSS property used to specify whether the text is written in the horizontal or vertical direction?

1. writing-mode
2. text-indent
3. word-break
4. None of the above

✅ Correct Answer: 1

Which of the following syntax is correct in CSS to make each word of a sentence start with a capital letter?

1. text-style : capital;
2. transform : capitalize;
3. text-transform : capital;
4. text-transform : capitalize;

✅ Correct Answer: 4

How to select the elements with the class name "example"?

1. example
2. #example
3. .example
4. Class example

✅ Correct Answer: 3

Which of the following is the correct syntax to select all paragraph elements in a div element?p22)

1. div p
2. p
3. div#p
4. div ~ p

✅ Correct Answer: 1

Which of the following is the correct syntax to select the p siblings of a div element?div + pdiv p23)

1. p
2. div + p
3. div p
4. div ~ p

✅ Correct Answer: 4

The CSS property used to draw a line around the elements outside the border?24)

1. border
2. outline
3. padding
4. line

✅ Correct Answer: 2

Which of the following CSS property is used to add shadows to the text?25)

1. text-shadow
2. text-stroke
3. text-overflow
4. text-decoration

✅ Correct Answer: 1

Which of the following is not a value of the font-variant property in CSS?

1. normal
2. small-caps
3. large-caps
4. inherit

✅ Correct Answer: 3

26) Which of the following CSS property is used to specify whether the table cells share the common or separate border?border-spacing27)

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

✅ Correct Answer: 1

The CSS property used to make the rounded borders or rounded corners around an element is -28)

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

✅ Correct Answer: 2

The CSS property used to set the distance between the borders of the adjacent cells in the table is -

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

✅ Correct Answer: 3

Which of the following selector in CSS is used to select the elements that do not match the selectors?

1. :! Selector
2. :not selector
3. :empty selector
4. None of the above

✅ Correct Answer: 2

Which of the following CSS property defines how an image or video fits into container with established height and width?

1. object-fit
2. object-position
3. position
4. None of the above

✅ Correct Answer: 1

Which type of CSS is used in the below code?

1. <p style = "border:2px solid red;">
2. Inline CSS
3. Internal CSS
4. None of the above

✅ Correct Answer: 1

Which of the following CSS property specifies the origin of the background-image?

1. background-origin
2. background-attachment
3. background-size
4. None of the above

✅ Correct Answer: 1

The CSS property used to set the maximum width of the elements content box is -

1. max-width property
2. height property
3. max-height property
4. position property

✅ Correct Answer: 1

Which if the following CSS function allows us to perform calculations?

1. calc() function
2. calculator() function
3. calculate() function
4. cal() function

✅ Correct Answer: 1

The CSS property used to set the maximum height of the elements content box is -

1. max-width property
2. height property
3. max-height property
4. position property

✅ Correct Answer: 3

The CSS property used to set the minimum width of the elements content box is -

1. max-width property
2. min-width property
3. width property
4. All of the above

✅ Correct Answer: 2

Which of the following CSS property is used to represent the overflowed text which is not visible to the user?

1. text-shadow
2. text-stroke
3. text-overflow
4. text-decoration

✅ Correct Answer: 3

The CSS property which is used to define the set the difference between two lines of your content is -min-height property

1. text-decoration
2. max-height property
3. line-height property
4. None of the above

✅ Correct Answer: 3

The CSS property which is used to define the set the difference between two lines of your content is -

1. min-height property
2. max-height property
3. line-height property
4. None of the above

✅ Correct Answer: 3

Which of the following CSS property is used to add stroke to the text?

1. text-stroke property
2. text-transform property
3. text-decoration property
4. None of the above

✅ Correct Answer: 1

Which of the following CSS property is used to set the blend mode for each background layer of an element?

1. background-blend-mode property
2. background-collapse property
3. background-transform property
4. background-origin property

✅ Correct Answer: 1

The CSS property used to specify the transparency of an element is -

1. Hover
2. opacity
3. clearfix
4. overlay

✅ Correct Answer: 2

Which of the following CSS property is used to set the horizontal alignment of a table-cell box or the block element?text-align property

1. text-align property
2. text-transform property
3. text-shadow property
4. text-decoration

✅ Correct Answer: 1

The CSS property which is used to set the text wider or narrower compare to the default width of the font is -

1. font-stretch property
2. font-weight property
3. text-transform property
4. font-variant property

✅ Correct Answer: 1

Which of the following CSS property is used to specify the type of quotation mark?

1. quotes property
2. z-index property
3. hyphens property
4. None of the above

✅ Correct Answer: 1

The CSS property used to specify the order of flex item in the grid container is -order property

1. order property
2. float property
3. overflow property
4. None of the above

✅ Correct Answer: 1

The CSS property used to set the indentation of the first line in a block of text is -

1. text-indent property
2. text-stroke property
3. text-decoration property
4. text-overflow property

✅ Correct Answer: 1

Which of the following CSS property creates a clipping region and specifies the visible area of the element?

1. visibility property
2. background-clip property
3. clip-path property
4. None of the above

✅ Correct Answer: 3

The correct syntax to give a line over text is -

1. text-decoration: line-through
2. text-decoration: none
3. text-decoration: overline
4. text-decoration: underline

✅ Correct Answer: 3

If we want define style for an unique element then which css selector will we use ?

1. id
2. Text
3. class
4. name

✅ Correct Answer: 1

If we dont want to allow a floating div to the left side of an element which css property will we use ?

1. margin
2. clear
3. float
4. padding

✅ Correct Answer: 2

Suppose we want to arragnge five nos. of DIVs so that DIV4 is placed above DIV1. Now which css property will we use to control the order of stack?

1. d-index
2. s-index
3. x-index
4. z-index

✅ Correct Answer: 4

If we want to show an Arrow as cursor then which value we will use ?

1. pointer
2. defalt
3. arrow
4. arr

✅ Correct Answer: 2

If we want to use a nice looking green dotted border around an image which css property will we use?

1. border-color
2. border-decoration
3. border-style
4. border-line

✅ Correct Answer: 3

Which of the following properties will we use to display border around a cell without any content ?

1. empty-cell
2. blank-cell
3. noncontent-cell
4. void-cell

✅ Correct Answer: 1

What should be the table width so that the width of a table adjust to the current width of the browser window?

1. 640 pixels
2. 100%
3. full-screen
4. 1024 px

✅ Correct Answer: 2

Which element is used in the <HEAD> section on an HTML / XHTMLpage if we want to use an external style sheet file to decorate the page ?

1. <src>
2. .<link>
3. <style>
4. <css>

✅ Correct Answer: 2

Which attribute can be added to many HTML / XHTML elements to identify them as a member of a specific group ?

1. id
2. div
3. class
4. span

✅ Correct Answer: 3

When we write <img src=img.png> what img.png inside double quote implies?

1. element
2. attribute
3. value
4. operator

✅ Correct Answer: 3

How can we write comment along with CSS code ?

1. /* a comment */
2. // a comment //
3. / a comment /
4. .< a comment>

✅ Correct Answer: 1

Which css property you will use if you want to add some margin between a DIVs border and its inner text ?

1. spacingB
2. margin
3. paddingD
4. inner-margin

✅ Correct Answer: 3

Which CSS property is used to control the text size of an element ?

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

✅ Correct Answer: 3

The default value of position attribute is _________.

1. fixed
2. absolute
3. inherit
4. relative

✅ Correct Answer: 4

How will you make all paragraph elements RED in color ?

1. p.all {color: red}
2. all {color: #990000}
3. all.p {color: #998877}
4. p {color: red}

✅ Correct Answer: 4

By default Hyperlinks are displayed with an underline. How do you remove the underline from all hyperlinks by using CSS code ?

1. a {text: no-underline}
2. a {text-decoration:none}
3. a {text-style: no-underline}
4. a {text-decoration: no-underline}

✅ Correct Answer: 2