How do you create a flex container in CSS?

Set 'display: flex;' on the container element.

Use 'flex: true;' in the container's CSS.

Apply 'position: flex;' to the container element.

Set 'display: block;' on the container element.

What are the different types of input elements in HTML forms?

text, password, checkbox, radio, file, hidden, submit, reset, date, email, number, range, color, search, tel, url, time, month, week, datetime-local

What is the purpose of the 'display' property in CSS?

To control the layout and rendering of elements on a web page.

To specify the font size of elements.

To add animations to elements on a web page.

To define the color of text on a web page.

How can you make a grid layout using CSS?

Use CSS Grid by setting 'display: grid;' on a container and defining rows and columns with 'grid-template-rows' and 'grid-template-columns'.

Set 'display: block;' on the container for grid layout.

Use 'display: flex;' to create a grid layout.

Apply 'float: left;' to elements for grid arrangement.

What is the significance of the 'position' property in CSS?

The 'position' property in CSS is significant because it controls the positioning method of an element, influencing its placement and behavior in relation to other elements.

The 'position' property affects the animation speed of an element.

The 'position' property is used to change the color of an element.

The 'position' property determines the font size of text within an element.

How do you align items in a flexbox layout?

Use 'justify-content' for horizontal alignment and 'align-items' for vertical alignment.

Use 'margin' for spacing between items.

Apply 'grid-template-rows' for vertical alignment.

Set 'display: block' for item alignment.

What is the role of media queries in responsive design?

Media queries are essential for applying responsive design techniques that adjust layout and styling based on the user's device.

Media queries are used to enhance image quality on all devices.

Media queries are only applicable to mobile devices.

Media queries are a type of programming language for web development.

How do you create a two-column layout using CSS Grid?

Use CSS: .container { display: grid; grid-template-columns: 1fr 1fr; }

Use CSS: .container { display: inline; }

Use CSS: .container { display: block; }

Use CSS: .container { display: flex; }

How do you change the order of flex items?

Use the 'order' property in CSS to rearrange flex items.

Use the 'display' property in CSS to rearrange flex items.

Change the 'flex-direction' property to reorder items.

Adjust the 'margin' property to change item positions.

What is the purpose of the 'float' property in CSS?

To position elements to the left or right and allow text to wrap around them.

To hide elements from the page.

To change the color of text elements.

To create a fixed layout for elements.

What is the difference between 'inline' and 'block' elements in HTML?

Inline elements include , , and ; block elements include , , and .

Inline elements cannot have padding or margins; block elements can have them.

Inline elements can only contain text; block elements can contain other block elements.

Block elements are always displayed inline; inline elements are always displayed as blocks.

Mastering HTML and CSS Concepts

12th Grade

•

20 Qs

Similar activities

Design your website

7th - 12th Grade

•

20 Qs

Problem Solving : Design Solution

12th Grade

•

15 Qs

Virtual Private Server

12th Grade

•

15 Qs

2021.10.15_ Đề kiểm tra tin học 12

12th Grade

•

20 Qs

3D Objects - Terms & Transfomations

6th Grade - Professional Development

•

20 Qs

Grade 12 - Technology Finals

12th Grade

•

15 Qs

Class XI Basics

11th - 12th Grade

•

15 Qs

Security and Ethics

9th - 12th Grade

•

17 Qs

Mastering HTML and CSS Concepts

Quiz

•

Computers

•

12th Grade

•

Practice Problem

•

Medium

Akhil Badugu

Used 1+ times

FREE Resource

20 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the
tag in HTML?

The

tag is used to define a table structure.

The

tag is used to group content for styling and layout.

The

tag is for embedding images.

The

tag is used to create hyperlinks.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which CSS property is used to control the spacing between elements?

margin

border

padding

display

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does the CSS box model consist of?

Content, Padding, Border

Content, Padding, Border, Margin

Content, Margin, Width

Padding, Border, Height

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you create a responsive web design?

Only use CSS without any media queries.

Ignore viewport settings and use default sizes.

Use fixed layouts and static images.

Use flexible grids, media queries, and responsive images.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the function of the
element in HTML?

The element is used to style text with CSS.

The element is for creating tables in HTML.

The element is used to collect user input and submit it to a server.

The element is used to display images on a webpage.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you center a block element using CSS?

Apply 'float: center;' to the block element.

Set 'padding: auto;' to the block element.

Use 'text-align: center;' on the parent container.

Set 'margin: auto;' and define a width for the block element.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the difference between margin and padding in CSS?

Margin is applied to text; padding is applied to images.

Margin and padding are the same thing.

Margin is outside the element; padding is inside the element.

Padding is used for spacing between elements; margin is for element borders.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

15 questions

Quiz 1

Quiz

•

1st - 12th Grade

15 questions

Data Security Worksheet

Quiz

•

10th Grade - University

20 questions

Basic of Computer and Network

Quiz

•

8th Grade - University

20 questions

QUIS Animasi

Quiz

•

9th - 12th Grade

25 questions

TIK01

Quiz

•

12th Grade

15 questions

EMPTECH Lesson 4 quiz 1

Quiz

•

12th Grade

15 questions

1.1.1 The structure and function of the processor

Quiz

•

11th Grade - University

20 questions

Network topologies

Quiz

•

8th Grade - University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Computers

18 questions

[AP CSP] JavaScript Programming Lesson 2025-2026

Lesson

•

9th - 12th Grade

57 questions

[AP CSP] Unit 5 Review: Internet & Cybersecurity

Quiz

•

9th - 12th Grade

Mastering HTML and CSS Concepts

20 questions

What is the purpose of the tag in HTML?

Which CSS property is used to control the spacing between elements?

What does the CSS box model consist of?

How do you create a responsive web design?

What is the function of the element in HTML?

How do you center a block element using CSS?

What is the difference between margin and padding in CSS?

How do you create a flex container in CSS?

What are the different types of input elements in HTML forms?

What is the purpose of the 'display' property in CSS?

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers

What is the purpose of the
tag in HTML?

What is the function of the
element in HTML?