How can you make a website responsive using CSS?

Use media queries, flexible layouts, and responsive images.

Use fixed widths for all elements.

Avoid using any CSS frameworks.

Only use images with a set pixel size.

What is the purpose of the 'media' attribute in a link tag for stylesheets?

To specify the media type for which the stylesheet is intended.

To link to external JavaScript files.

To specify the font size for the text.

To define the color scheme of the webpage.

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: flex; }

Use CSS: .container { display: block; }

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

What is the function of the element in HTML forms?

The element allows users to enter data in HTML forms.

The element is used to display images in HTML forms.

The element is for creating hyperlinks in HTML forms.

The element allows users to submit forms without entering data.

How can you apply a transition effect to a button on hover?

Use CSS: .button { transition: background-color 0.3s; } .button:hover { background-color: blue; }

Apply a transition effect using HTML attributes only.

Set the button's background color directly in the HTML without CSS.

Use JavaScript: button.onmouseover = function() { this.style.backgroundColor = 'blue'; };

What is the difference between 'flex-grow' and 'flex-shrink'?

'flex-grow' controls growth in available space, while 'flex-shrink' controls reduction in limited space.

'flex-grow' and 'flex-shrink' are the same property

'flex-shrink' increases size in available space

'flex-grow' is used for positioning elements only

What is the purpose of the 'placeholder' attribute in an input field?

To provide a hint or example of the expected input in an input field.

To automatically fill the input field with a default value.

To specify the maximum length of input allowed.

To define the type of input field (e.g., text, number).

How can you use CSS to hide an element?

Use 'display: none;' or 'visibility: hidden;' in CSS to hide an element.

Apply 'color: transparent;' to make it invisible.

Set 'position: absolute;' to remove it from the layout.

Use 'opacity: 0;' to hide an element.

What is the significance of the 'action' attribute in a form?

The 'action' attribute defines the destination URL for form submission.

The 'action' attribute controls the appearance of the form.

The 'action' attribute is used to validate form inputs.

The 'action' attribute specifies the method of form submission.

How do you create a responsive navigation bar using Flexbox?

Create a element, apply display: flex; and use justify-content and flex-wrap properties for responsiveness.

Set position: absolute; on the element for responsiveness.

Apply float: left; to each navigation item for layout.

Use a element with display: block; for the navigation bar.

What is the purpose of the '@keyframes' rule in CSS animations?

The '@keyframes' rule is used to create animations by defining the styles at various points in the animation sequence.

The '@keyframes' rule is used to create static layouts in CSS.

The '@keyframes' rule is used to style text color only.

The '@keyframes' rule is for defining media queries in CSS.

Mastering HTML and CSS Concepts

Authored by Emjee Puthooran

Other

University

Used 1+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

20 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the
element in HTML?

The

element is used to define a table.

The

element is used to group content for styling and layout.

The

element is for embedding images.

The

element is used to create hyperlinks.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which HTML element is used to define an unordered list?

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does the CSS property 'display: flex' do?

It applies a grid layout to child elements.

It makes child elements stack vertically.

It hides all child elements from view.

It creates a flex container for flexible layout of child elements.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you center a flex item vertically within a flex container?

Apply 'display: block' to the flex item.

Use 'align-items: center' on the flex container.

Set 'margin: auto' on the flex item.

Use 'justify-content: center' on the flex container.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the main difference between 'grid-template-rows' and 'grid-template-columns'?

'grid-template-rows' sets the row sizes, while 'grid-template-columns' sets the column sizes.

'grid-template-rows' is used for defining grid gaps, while 'grid-template-columns' is for alignment.

Both 'grid-template-rows' and 'grid-template-columns' set the same sizes for rows and columns.

'grid-template-rows' sets the column sizes, while 'grid-template-columns' sets the row sizes.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How do you create a form in HTML?

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What attribute is used to specify the action of a form?

target

method

enctype

action

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

17 questions

Questionnaire Design

Quiz

•

University

22 questions

Guess The Rapper?

Quiz

•

7th Grade - Professio...

20 questions

Module 8: State and Non-state Institutions

Quiz

•

11th Grade - University

20 questions

Planning lessons

Quiz

•

University

20 questions

CB CHAPTER 8 Pay for Performance Plans

Quiz

•

University

20 questions

BioPsych: Nerve Cells, Neural Signals & Communications

Quiz

•

University

15 questions

Science Report 1 - Summary

Quiz

•

University

15 questions

Primary or secondary sources RES120

Quiz

•

University

Popular Resources on Wayground

7 questions

History of Valentine's Day

Interactive video

•

4th Grade

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

15 questions

Valentine's Day Trivia

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

Discover more resources for Other

18 questions

Valentines Day Trivia

Quiz

•

3rd Grade - University

12 questions

IREAD Week 4 - Review

Quiz

•

3rd Grade - University

23 questions

Subject Verb Agreement

Quiz

•

9th Grade - University

5 questions

What is Presidents' Day?

Interactive video

•

10th Grade - University

7 questions

Renewable and Nonrenewable Resources

Interactive video

•

4th Grade - University

20 questions

Mardi Gras History

Quiz

•

6th Grade - University

10 questions

The Roaring 20's Crash Course US History

Interactive video

•

11th Grade - University

17 questions

Review9_TEACHER

Quiz

•

University

Mastering HTML and CSS Concepts

What is the purpose of the element in HTML?

Which HTML element is used to define an unordered list?

What does the CSS property 'display: flex' do?

How do you center a flex item vertically within a flex container?

What is the main difference between 'grid-template-rows' and 'grid-template-columns'?

How do you create a form in HTML?

What attribute is used to specify the action of a form?

Which CSS property is used to create animations?

How can you make a website responsive using CSS?

What is the purpose of the 'media' attribute in a link tag for stylesheets?

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

What is the purpose of the
element in HTML?