CSS/Css Mcq Set 3 Sample Test,Sample questions

Question:
 Which of the following property defines a color for the right and bottom edges of a scroll bar.

1. scrollbar-color

2. scrollbar-darkshadow-color

3.scrollbar-shadow

4. scrollbar-shadow-color


Question:
 Which of the following property defines in a shorthand form the width, style, and color for the top border of an element?

1.border-style

2.border-height

3. border-width

4. border-top


Question:
A similar rule called the _____ is specified using the plus sign (+) and is used to select elements that would be siblings of each other.

1. class selectors

2.attribute selectors

3. adjacent-sibling selector

4.none of the mentioned


Question:
By applying an ___________ a style can be applied to just a single tag.

1.class rule

2.element rule

3.id rule

4.none of the mentioned


Question:
Find the specificity of this “li:first-line”.

1. specificity = 0,0,1,1

2. specificity = 0,0,0,2

3.specificity = 0,1,0,1

4. specificity = 1,0,0,1


Question:
Find the specificity of this “li”.

1. specificity = 0,0,0,1

2.specificity = 0,0,1,1

3.specificity = 0,1,1,1

4. specificity = 1,1,1,1


Question:
Find the specificity of this “ul ol li.red”.

1.specificity = 0,0,3,1

2.specificity = 0,0,1,3

3.specificity = 1,1,1,1

4. specificity = 1,2,2,1


Question:
Find the specificity of this “ul ol+li”.

1.specificity = 0,0,2,1

2.specificity = 0,2,1,1

3. specificity = 0,1,1,1

4. specificity = 0,0,0,3


Question:
Find the specificity of this ” ul li”.

1. specificity = 0,0,0,0

2.specificity = 0,0,1,2

3.specificity = 0,0,0,2

4. specificity = 2,0,0,0


Question:
The ___ attribute is used to define the name(s) of the class(es) to which a particular tag belongs.

1.class

2. element

3.id

4.none of the mentioned


Question:
What type of selector is used in this case?

p {line-height: 150%;}

1.class Selectors

2.element Selectors

3.id Selectors

4.none of the mentioned


Question:
What will be the output of below mentioned code snippet?
p strong {background-color: yellow;}

1.Strong have yellow background

2.Strong element within a p element have a yellow background

3.Both p and strong have yellow background

4.none of the mentioned


Question:
Which of the following @viewport Property locks the document in the specified orientation, portrait or landscape?

1.orientation

2.resolution

3. landscape

4. portrait


Question:
Which of the following @viewport Property sets the viewport height in the same way as width?

1. height

2.width

3. viewpor-width

4. None of the mentioned


Question:
Which of the following argument is not accepted by radial-gradient() function?

1. Shape

2. Time

3.Color stops

4. Position


Question:
Which of the following box-sizing property value is described by width and height include content, padding, and borders?

1.border-box

2.content-box

3. content-box

4.none for the mentioned


Question:
Which of the following CSS Gradient Functions creates a circular or elliptical gradient, and optionally sets its shape, size, and position?

1. radial-gradient()

2.circular-gradient()

3.elliptical-gradient()

4.none of the mentioned


Question:
Which of the following CSS Gradient Functions Creates a radial gradient that repeats infinitely?

1. repeat-radial-gradient()

2.repeating-radial-gradient()

3.infinite-radial-gradient()

4.none of the mentioned


Question:
Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?

1. gradient()

2. line-gradient()

3.linear-gradient()

4. None of the mentioned


Question:
Which of the following function creates a CSS gradient image that can be used anywhere an image URL is required, including background-image, border-image, and list-style properties?

1.canvas

2. gradient

3.animation

4.color


Question:
Which of the following is not a browser-specific versions of linear-gradient()?

1. -moz-linear-gradient()

2. -o-linear-gradient()

3.-mac-linear-gradient()

4.-webkit-linear-gradient()


Question:
Which of the following media feature describes the number of entries in the color lookup table of the output device

1. color

2.color-index

3.color-value

4.color-@media


Question:
Which of the following Media Query describe the ratio of the device width to the device height of the media?

1. device-aspect

2.device-aspect-ratio

3. device-aspect-query

4.none of the mentioned


Question:
Which of the following Media Query describes the scanning method of a TV?

1. orientation

2.scan

3. resolution

4. None of the mentioned


Question:
Which of the following Media Query determines if output is grid, like a simple terminal or phone, or bitmap, like a standard monitor or printer?

1. monochrome

2. grid

3.resolution

4.device-height


Question:
Which of the following Media Query determines if output is monochrome and how many bits are used for gray display?

1.gray

2.chrome

3.monochrome

4.none of the mentioned


Question:
Which of the following option best explain this code “background-image: repeating-linear-gradient(-45deg, #426A77, #FFF 6px);”?

1.Creating Straight Stripes

2.Creating Cubic Stripes

3. Creating Spiral Stripes

4.Creating Diagonal Stripes


Question:
Which of the following option best explain this code “background-image: repeating-linear-gradient(to right, #D9CC3C, #FFEB79 5%, #D9CC3C 10%);”?

1.Creating a Repeating Gradient

2.Creating a Mix Repeating Gradient

3.Creating a Shadow Repeating Gradient

4.Creating a Smooth Repeating Gradient


Question:
Which of the following option best explain this code “background-image: repeating-radial-gradient(circle at 50% 100%, #FFEB79, #D9CC3C 5%);”?

1.Creating Infinte circular Gradients

2.Creating Repeating Circular Gradients

3.Creating Repeating Radial Gradients

4.Creating Infinite Radial Gradients


Question:
Which of the following property defines a shadow color for the right and bottom edges of a scroll bar?

1. scrollbar-darkshadow

2. scrollbar-shadow-color

3.scrollbar-darkshadow-color

4.none of the mentioned


Question:
Which of the following property defines a shadow effect for text?

1.box-shadow

2. img-shadow

3. text-shadow

4.none of the mentioned


Question:
Which of the following property defines in a shorthand form the width, style, and color for all four sides of an element’s border?

1.border

2.border-style

3. border-color

4.border-all


Question:
Which of the following property defines in a shorthand form the width, style, and color for the left border of an element?

1.border

2.border-style

3.border-left

4.none of the mentioned


Question:
Which of the following property defines the color of an element’s right border?

1. border-right-colors

2.border-right-color

3.border-right

4. border-color


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

1.auto

2.border

3.spacing

4.border-spacing


Question:
Which of the following property influences the horizontal alignment of an element, making it “float” toward the left or right margin of its containing element?

1.float

2. float-left

3.float-right

4.float-align


Question:
Which of the following property is used to round border corners?

1.border-corner

2. border-round

3. border-radius

4.none of the mentioned


Question:
Which of the following property sets an element’s background color?

1. background-image

2.background-color

3.background-colors

4.background-position


Question:
Which of the following property sets list-style-type, list-style-position, and liststyle-image?

1. style

2. list-style

3. menu-style

4. img-style


Question:
Which of the following property sets the background image to scroll or not to scroll with its associated element’s content?

1.background-scroll

2.background-attach

3.background-attachment

4. background-allowance


Question:
Which of the following property sets the font face to be used for text?

1. font

2.font-text

3.font-family

4.none of the mentioned


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

1. shadow

2. set-shadow

3.canvas-shadow

4.box-shadow


Question:
Which of the following property specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item?

1. list-style

2. list-position

3. list-style-position

4. list-position-style


Question:
Which of the following selectors selects adjacent siblings?

1. E > F

2. E F

3. E + F

4.E ~ F


Question:
Which of the following selectors selects any tag with an id attribute set?

1. E#id

2. .class

3. #id

4.*


Question:
Which of the following selectors selects direct descendents?

1. E > F

2.E F

3.E + F

4. E ~ F


Question:
Which of the following selectors selects siblings?

1.E.class

2. E ~ F

3.*

4. E, F, G


Question:
Which of the following selectors selects the specified elements of type E with a particular class value?

1.E.class

2.E ~ F

3. *

4.E, F, G


Question:
Which of the following Viewport Property determines whether the display can be zoomed in  and out?

1. scale

2.set-scale

3. adjust-scale

4. user-scalable


Question:
Which of the following Viewport Property sets the initial scaling factor?

1. scale

2. initial-scale

3. minimum-scale

4. user-scale


More MCQS

  1. CSS MCQ Questions & Answers Part 1
  2. CSS MCQ Questions & Answers Part 2
  3. CSS MCQ Questions & Answers Part 3
  4. CSS Mcq Questions
  5. CSS mcqs Part 1
  6. CSS mcqs Part 2
  7. CSS mcqs Part 3
  8. Css Mcq Set 1
  9. Css Mcq Set 2
  10. Css Mcq Set 3
  11. Css Mcq Set 4
  12. Css Mcq Set 5
  13. Css Mcq Set 6
  14. Css Mcq Set 7
  15. Css Mcq Set 8
  16. Css Mcq Set 9
  17. CSS Multiple-Choice Questions
  18. CSS MCQ
Search
R4R Team
R4Rin Top Tutorials are Core Java,Hibernate ,Spring,Sturts.The content on R4R.in website is done by expert team not only with the help of books but along with the strong professional knowledge in all context like coding,designing, marketing,etc!