Course Content

Introduction to CSS

20m 57s

How to use LearnVern

3m 20s

How to Insert CSS - Inline, Internal & Extern CSS

24m 49s

Comments in CSS

8m 55s

Assignment : Introduction

2m 38s

Quiz : Introduction

5m

CSS Selectors

24m 5s

Pseudo Selector - Elements in CSS

27m 2s

Psuedo Elements in CSS

32m 56s

Understanding CSS Combinators

22m 29s

Understanding Child Selectors in CSS

17m 50s

Assignment : Different Selectors

7m 15s

Quiz : Different Selectors

5m

Important Rule in CSS

12m 40s

Understanding Specificity in CSS

21m 50s

Assignment : CSS Specificity

2m 8s

Quiz : Css Specificity

5m

Background Property in CSS

23m 5s

Border Property & Outline In CSS

56m 8s

Assignment : Background and Border Properties

2m 33s

Quiz : Background and Border Properties

6m

Display Property in CSS

28m 20s

Text Alignment Property in CSS

22m 42s

Position Property in CSS

32m 46s

Positioning Property with Float in CSS

21m 2s

Assignment : Display and Position Properties

4m 51s

Quiz : Display and Position Properties in CSS

5m

Understanding Height & Width Properties in CSS

14m 20s

Overflow Property in CSS

19m 23s

Quiz : Width, Height & Overflow Property in CSS

6m

Assignment : Cursor & Button Property

7m 51s

Understanding List Styling in CSS

22m 10s

Understanding Calc function in CSS

17m 26s

Quiz : List & Calc function in CSS

5m

Understanding Visibility Property in CSS

13m 7s

Understanding print properties in CSS

19m 49s

Quiz : Visibility & Print Property in CSS

5m

Cursor Property in CSS

16m 16s

Button Property in CSS

28m 30s

Quiz : Cursor & Button Property in CSS

5m

Styling Images in CSS

18m 16s

Image Filter Property in CSS

31m 14s

Assignment : Implementing Images

2m 36s

Quiz : Implementing Images in CSS

5m

Understanding Colors in CSS

38m 34s

Understanding Shadow Effects in CSS - Box Shadow & Text Shadow

25m 37s

Understanding CSS Gradients

26m 48s

Masking in CSS

17m 42s

Assignment : Color, Gradient and Shadow

4m 26s

Quiz : Color, Gradient and Shadow in CSS

9m

Fonts in CSS

40m 59s

How to Add Icons in CSS

20m 57s

Understanding Line Height, Padding and Margin in CSS

34m 44s

Understanding Line Height, White Space & Word Break in CSS

36m 36s

Understanding Text - Transformation in CSS

33m 50s

Understanding Text-align Property in CSS

35m 6s

Understanding Text Indent and Text Stroke property in CSS

21m 16s

Understanding columns in CSS

12m 50s

Understanding Hyphen property in CSS

15m 1s

Assignment : Font & Text Properties

5m 39s

Quiz : Font & Text Properties in CSS

10m

Understanding Transformation and Resize property in CSS

35m 28s

Understanding 2D Transformation in CSS

23m 41s

Understanding 3D Transformation in CSS

12m 52s

Assignment : Transformation

3m 29s

Quiz : Transformation in CSS

6m

Understanding Transition Delay property in CSS

24m 33s

Understanding Animation in CSS

27m 16s

Understanding keyframes Rule in CSS

17m 59s

Assignment : Animation

2m 40s

Quiz : Animation in CSS

6m

Understanding Z Index property in CSS

12m 13s

Assignment : Z-index

1m 30s

Quiz : CSS z-index

3m

Course Summary

1m 23s

Career Guideline In CSS

1m 27s

Interview Question

30m 52s

Understanding Media Queries in CSS

Web Designing with CSS3 Course CSS Media Queries

Enroll Now For Free
Previous Next
Discussion
Previous Discussion Next
Previous
Next
  • Lecture-45_media-query
  • Lecture-45_media-query2

Course Content

Introduction to CSS

20m 57s

How to use LearnVern

3m 20s

How to Insert CSS - Inline, Internal & Extern CSS

24m 49s

Comments in CSS

8m 55s

Assignment : Introduction

2m 38s

CSS Selectors

24m 5s

Pseudo Selector - Elements in CSS

27m 2s

Psuedo Elements in CSS

32m 56s

Understanding CSS Combinators

22m 29s

Understanding Child Selectors in CSS

17m 50s

Assignment : Different Selectors

7m 15s

Important Rule in CSS

12m 40s

Understanding Specificity in CSS

21m 50s

Assignment : CSS Specificity

2m 8s

Background Property in CSS

23m 5s

Border Property & Outline In CSS

56m 8s

Assignment : Background and Border Properties

2m 33s

Display Property in CSS

28m 20s

Text Alignment Property in CSS

22m 42s

Position Property in CSS

32m 46s

Positioning Property with Float in CSS

21m 2s

Assignment : Display and Position Properties

4m 51s

Understanding Height & Width Properties in CSS

14m 20s

Overflow Property in CSS

19m 23s

Assignment : Cursor & Button Property

7m 51s

Understanding List Styling in CSS

22m 10s

Understanding Calc function in CSS

17m 26s

Understanding Visibility Property in CSS

13m 7s

Understanding print properties in CSS

19m 49s

Cursor Property in CSS

16m 16s

Button Property in CSS

28m 30s

Styling Images in CSS

18m 16s

Image Filter Property in CSS

31m 14s

Assignment : Implementing Images

2m 36s

Understanding Colors in CSS

38m 34s

Understanding Shadow Effects in CSS - Box Shadow & Text Shadow

25m 37s

Understanding CSS Gradients

26m 48s

Masking in CSS

17m 42s

Assignment : Color, Gradient and Shadow

4m 26s

Fonts in CSS

40m 59s

How to Add Icons in CSS

20m 57s

Understanding Line Height, Padding and Margin in CSS

34m 44s

Understanding Line Height, White Space & Word Break in CSS

36m 36s

Understanding Text - Transformation in CSS

33m 50s

Understanding Text-align Property in CSS

35m 6s

Understanding Text Indent and Text Stroke property in CSS

21m 16s

Understanding columns in CSS

12m 50s

Understanding Hyphen property in CSS

15m 1s

Assignment : Font & Text Properties

5m 39s

Understanding Transformation and Resize property in CSS

35m 28s

Understanding 2D Transformation in CSS

23m 41s

Understanding 3D Transformation in CSS

12m 52s

Assignment : Transformation

3m 29s

Understanding Transition Delay property in CSS

24m 33s

Understanding Animation in CSS

27m 16s

Understanding keyframes Rule in CSS

17m 59s

Assignment : Animation

2m 40s

Understanding Z Index property in CSS

12m 13s

Assignment : Z-index

1m 30s

Course Summary

1m 23s

Career Guideline In CSS

1m 27s

Interview Question

30m 52s

FAQs

The media queries are a type of CSS syntax that allows us to set some styles that will only be applied if certain criteria are matched. We can turn them into optional lines of code that will only be shown to certain individuals or devices.

A media query is made up of a media type and one or more expressions that fit the type and criteria of a specific media feature like device width or screen resolution. Because media inquiry is a logical expression, it can either be true or false.

Media queries should always be included at the conclusion of your CSS code.

Media queries are an important part of responsive web design because they allow you to create different layouts depending on the size of the viewport. However, they can also be used to detect other aspects of the environment in which your site is running, such as whether the user is using a touchscreen instead of a mouse.

It is preferable to write the query near the bottom of the page because it is more important. This will relieve you of the worry of having to use important!

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere