Technical Terms - Internet (A-Z) - Media Queries

What are media queries used for in CSS?

• Changing font styles

• Adapting webpage content to different screen sizes and resolutions

• Creating animations

• Adding background images

Where can media queries be inserted?

• In database queries

• In PHP files

• Within a webpage's HTML or in a separate .CSS file

• Only in JavaScript files

What does the media query @media screen and (max-width: 768px) target?

• Users with a browser window width of 768 pixels or less

• Mobile users

• Desktop users

• Tablet users

In responsive web design, what do media queries act as?

• Filters for different colors

• Filters for different screen sizes

• Filters for different fonts

• Filters for different animations

What is the most common feature used in media queries?

• max-width

• max-resolution

• min-height

• aspect-ratio

What is the purpose of the resolution value in media queries?

• Detecting internet speed

• Detecting screen brightness

• Detecting browser types

• Detecting HiDPI displays

What is the order in which styles are typically defined in a CSS document with media queries?

• Desktop first

• Mobile first

• Smartphone first

• Tablet first

Which type of displays may be detected using the resolution value in media queries?

• High-resolution displays

• Touchscreen displays

• Low-resolution displays

• Monochrome displays

What happens if multiple media queries target the same element?

• They cancel each other out

• The first one is always applied

• The last one is always applied

• They are applied randomly

What is the purpose of using media queries in responsive web design?

• To add interactive games to websites

• To customize the appearance of websites for multiple devices

• To make websites load faster

• To increase website security