Advanced CSS

Objectives

• Define responsive design

• Name a reason that it is now important to consider variable screen sizes in your site design

• Discuss the purposes and benefits of responsive design

• Explain the purpose of the viewport meta tag in context of responsive design

• Utilize media queries to change a web page's layout

• Apply styling to special cases with pseudo-classes and pseudo-elements

• Use vendor prefixes to use experimental/nonstandard CSS properties

The world of CSS is huge, especially when it comes to the wide variety of techniques and properties used on webpages. We'll be touching on some of the other selectors and properties available.

• Responsive design

• Pseudo-classes and pseudo-elements

• Vendor prefixes