Media Queries Hello World
There is no better way to start showcasing media queries then by showing them in action. In this lecture we will learn how to define different CSS files depending on the type of media. This capability has been around since HTML4/CSS2. By the end of this lesson, we will know how to define media type per CSS file.
Keynotes:
- Two ways to define Media Queries.
- Why set media queries file wide
- Example of Media Query for print and screen implementation.
properties:
media queries, HTML4, CSS2.1, print, screen, aural, braille, handheld, print, projection, screen, tty, tv
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!What are media Queries?
In this course we will learn how to control these parameters to create sites that look fantastic no matter how they are consumed.
04:17
Media Queries Hello World
By the end of this lesson, we will know how to define media type per CSS file.
07:18
Media Queries within a CSS file with the @media rule
By the end of this lesson you will know the two ways to define media query rules.
04:09
Media Query rule combination
In this lecture we will learn to create more advanced media rules with the help of %u201Cand%u201D.
08:57