css-exam - </> CoderMantra

0 votes, 0 avg

570

CSS Questions

1 / 15

1. Which model includes margin, border, padding, and content?

A. CSS3 Grid Layout model

B. CSS3 Flexbox Box model

C. CSS Box model

D. CSS Grid Template Layout Module

2 / 15

2. There are many properties that can be used to align elements and create page layouts such as float,postion,flexbox and grid. Out of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?

A. position

B. flexbox

C. grid

D. float

3 / 15

3. What is the correct syntax for referring an external CSS?

A. <link rel="stylesheet" type="text/css" href="style.css"/>

B. <style rel="stylesheet" type="text/css" href="style.css"></style>

C. <script rel="stylesheet" type="text/css" href="style.css"></script>

D. none of the above

4 / 15

4. Which of the following CSS Property defines which property values to apply to the element before the animation begins (if delayed) and after it ends?

A. animation-play

B. animation-delay

C. animation-play-state

D. animation-fill-mode

5 / 15

5. What is the difference between display:none and visibillity:hidden?

A. Both will hide the element on the page, but display:none has greater browser support, visibilty:hidden is a new property and does not have the best browser support.

B. display:none hides the element but maintain the space it previously occupied. Visibility:hidden will hide the element from view and remove it from the normal flow of the document.

C. display:none hides the element from view and removes it from the normal flow of the document. Visibility:hidden will hide the element but maintain the space it previously occupied.

D. There is no difference, they both hide the elements on the page.

6 / 15

6. Which of the following media query describe output style portrait if height is greater than or equal to width, landscape if the opposite?

A. grid

B. monochrome

C. resolution

D. orientation

7 / 15

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

A. All span elements will have a green thick border and a red outline

B. All span elements will have a red border and a green dotted outline

C. All span elements will have a outer green dotted border and an inner red border

D. All span elements will have an outer red border and inner green dotted border

8 / 15

8. What is CSS?

A. CSS is a style sheet language

B. CSS is designed to separate the presentation and content, including layout, colors, and fonts

C. CSS is the language used to style the HTML documents

D. All of the mentioned

9 / 15

9. The default value of "position" attribute is___________

A. fixed

B. absolute

C. inherit

D. relative

10 / 15

10. Which Of The Following Selector Selects An Element That Has No Children?

A. :nochild

B. :empty

C. :inheritance

D. :no-child

11 / 15

11. CSS is written in which language?

A. PHP

B. HTML

C. JAVA

D. Python

12 / 15

12. What is the difference between the margin and padding properties?

A. Margin adds space around and inside of an element; Padding adds space only inside on an element.

B. Margin adds space around an element; Padding adds space inside of an element.

C. Margin adds a line around element; Padding adds space inside of an element.

D. Margin adds space inside of an element; Padding adds space around an element.

13 / 15

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

A. text-style : capital;

B. transform : capitalize;

C. text-transform : capital;

D. text-transform : capitalize;

14 / 15

14. When using flexbox, the 'justify-content' property can be used to distribute the space between the flex items along the main axis. Which value should be used to evenly distribute the flex items within the container shown below.

A. justify-content:center;

B. justify-content:space-around;

C. justify-content:auto;

D. justify-content:space-between;

15 / 15

15. Which of the following media feature describes the number of entries in the color lookup table of the output device

A. color

B. color-index

C. color-value

D. color-@media

Your score is

The average score is 49%

By Wordpress Quiz plugin