02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Media Queries within a CSS file with the @media rule

<p>There are two ways to define media queries. The first is to define it for a full file as we explored in the last lecture. In this lecture, we will take a look at the second way of defining CSS media Query rules. By the end of this lesson you will know the two ways to define media query rules. </p><h2>Keynotes:</h2><ul><li> How to define Media Queries within a CSS document.</li><li> When to use the first and when the second.</li><li> Where to find the full list of supported CSS2 media types</li></ul><h2>properties: </h2><p>media queries, HTML4, CSS2.1, print, screen, aural, braille, handheld, print, projection, screen, tty, tv</p>

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