Design the Web: Graphics and CSS Pseudo-Elements

Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.

Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages. Combining web graphics and CSS3 pseudo-elements allows you to style text, add graphics, and position objects, all while keeping your HTML clean and organized and without sacrificing responsive elements of your design.

This course was created by Chris Converse. We are honored to host this training in our library.

Introduction

• Preview the final project
• About the exercise files

1. Generating Graphics

• Creating a pseudo-element with CSS
• Setting absolute-positioning properties
• Spacing and layout adjustments
• Restyling an unordered list