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

Media Queries within a CSS file with the @media rule

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.

Keynotes:

  • How to define Media Queries within a CSS document.
  • When to use the first and when the second.
  • Where to find the full list of supported CSS2 media types

properties:

media queries, HTML4, CSS2.1, print, screen, aural, braille, handheld, print, projection, screen, tty, tv

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