HTML CSS

What is the default display value for a <div> element in CSS?

• inline
• inline-block
• block
• flex

Answer explanation

A div is a block level element and hence displays one after another

In the given the HTML and CSS code, how can you ensure the background image covers the entire element and maintains its aspect ratio?ese celestial bodies are planets?

• contain
• cover
• fill
• none

Answer explanation

cover is used to fill the entire space with the image.

In CSS, what is the difference between an ID and a class selector?

• Ds are for styling multiple elements, while classes are for single elements.
• IDs are for single elements, while classes are for styling multiple elements.
• IDs and classes can be used interchangeably.
• IDs and classes have no difference in CSS.

Answer explanation

you cannot have same id name across multiple html elements.whereas multiple html elements can use the same class names for styling

Which of the following is the correct CSS link tag?

• <link rel="styles" href="stylesheet.css">
• <link href="stylesheet">
• <link rel="stylesheet" src="styles.css">
• <link rel="stylesheet" href="styles.css">

How do you select an element with id "demo"?

• demo
• #demo
• .demo
• *demo

How do you select all p elements inside a div element?

• div.p
• div + p
• div p
• div > p

If the elements - <p>, <h4> and <a> tags are needed to be of the orange color, then which of the following will do this?

• p h4 a { color: orange; }
• p; h4; a { color: orange; }
• p+a+h4 { color: orange; }
• h4, a, p { color: orange; }

Which flexbox properties aligns items on the opposite axis as the flex-direction?

• justify-content
• align-items
• align-content
• justify-items

Answer explanation

Justify-content for main axis(hence flex direction), align items for cross axis(hence opp axis of flex-direction)