Mastering HTML and CSS Concepts

You are designing a website layout using CSS. You want to ensure that the container of a section takes up 50% of the screen width, regardless of the user's screen size. Which of the following is the correct CSS property to achieve this?

• width: 50px

• width: 50%;

• max-width: 50%;

• min-width: 50%;

Which tag is used to create a hyperlink in HTML?

• <link>

• <href>

• <a>

• <button>

What is the purpose of the tag in an HTML document?

• The tag is used to include images and videos in the document.

• The tag is used to display the main content of the page.

• The tag is used to contain meta-information about the HTML document.

• The tag is for defining the layout of the webpage.

Which attribute is used to specify the destination of a link?

• link

• src

• href

• target

In CSS, how would you center a block-level element horizontally within its parent container?

• position: center;

• 
  margin: auto;

• ---

  text-align: centre

• align: middle;

What does CSS stand for?

• Cascading Style Sheets

• Cascading Style Systems

• Cascading Style Scripts

• Cascading Syntax Sheets

Which CSS property is used to change the text color?

• margin

• font-size

• background-color

• color

What is the syntax for selecting an element with a class in CSS?

• className()

• .className

• #className

• select.className

What is the box model in CSS?

• The box model defines how colors are applied to elements in CSS.

• The box model is a layout technique for positioning elements in a grid.

• The box model in CSS is a concept that defines how the dimensions of an element are calculated, including content, padding, border, and margin.

• The box model in CSS only includes the content area.

How do you center a block element using CSS?

• position: absolute; left: 50%;

• display: flex; justify-content: center;

• padding: 20px;

• margin: auto; width: [desired width];