Mastering HTML and CSS Concepts

What property is used to create a flex container in CSS?

• flex-direction: row

• display: flex

• align-items: center

• display: grid

What is the purpose of the 'grid-template-columns' property in CSS Grid?

• To define the overall height of the grid layout.

• To set the background color of a grid item.

• To define the number and size of columns in a CSS Grid layout.

• To control the spacing between grid items.

How can you create a responsive grid layout using CSS Grid?

• Use Flexbox with 'display: flex' for layout.

• Set 'float: left' on grid items for alignment.

• Apply 'position: absolute' to create a grid structure.

• Use CSS Grid with 'display: grid', 'grid-template-columns', and media queries for responsiveness.

What attribute is used to create a text input field in an HTML form?

• type='text'

• type='button'

• type='textarea'

• type='input'

How do you create a checkbox input in an HTML form?

• Example Button

• Example Checkbox

• Example Text

• Example Radio

What is the difference between 'display: flex' and 'display: grid'?

• The main difference is that 'display: flex' is for one-dimensional layouts, while 'display: grid' is for two-dimensional layouts.

• 'display: flex' is only for mobile layouts, while 'display: grid' is for desktop layouts.

• 'display: flex' allows overlapping elements, whereas 'display: grid' does not.

• 'display: flex' is used for animations, while 'display: grid' is for static layouts.

What is the 'action' attribute in an HTML form used for?

• The 'action' attribute specifies the URL for form submission.

• The 'action' attribute is used to style the form elements.

• The 'action' attribute defines the form's method type.

• The 'action' attribute specifies the form's title.

What is the correct way to add an image in HTML?

• <img src="image.jpg">

• • <image href="image.jpg">

• • <img link="image.jpg">

• • <picture src="image.jpg">

What does CSS stand for?

• Computer Style Sheets

• Creative Style System

• Cascading Style Sheets

• Colorful Style Sheets

How can you apply a CSS rule to an element with a specific id?

• #id {}

• .id{}

• id{}

• *id{}