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

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

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