General MCQ for Front-end Development

1. Which CSS property will not trigger layout recalculation?

2. What will be the value of selected? let pocket = ['turnip', 'stone', 'log', 'apple']; Let selected = pocket[1];

3. In the following code, the variable fruit has been assigned a value of apple. How would you change the value to plum? let fruit = 'apple';

4. The browser finds some CSS that it does not understand. What is likely happen?

5. You have used display: none in your stylesheet. Which users will be able to see or hear this content?

6. Which statement is true when an HTML tag has been deprecated?

7. Which line of code, if applied to all flex items in a flex container, would cause each flex item to take up an equal share of the total width of the container? For example, if there are four items, they would get 25% of each/

8. Lighthouse is a tool for auditing your website. Which choice is not a category of report offered by Lighthouse?

9. What does the CSS selector a[href$="org"] select?

10. Which choice is not of invoking strict mode in JavaScript?

11. You want to create striped table rows using CSS without adding a class to any element. Which CSS would correctly apply the background color to every odd row in your table?

12. Which choice is not a JavaScript framework?

13. Review the CSS below. What color would you expect the background color of the element with a class of .box to be? .box { background-color: blue; Background: url(images/star.png) no-repeat left top; }

14. CSS Logical Properties and Values now have wide-ranging support in browsers. If you wanted to use the logical version of width, which property name would you choose?

15. Which color value will create a background color that is semitransparent?

16. You are creating a responsive design, but when you view your site on a smaller screen, you notice that images are causing a horizontal scroll bar. How can you solve this problem without stretching any images out of shape?

17. The CSS box model describes how the parts of a CSS box fit together and the size of the box. What is the actual width of the following box's visible part under the standard box model? box {width: 200px; padding: 10px; margin: 0 15px; border: 2px 5px;}