Skip to main content

Begin Your CSS Journey with This Tutorial Series

02-25-22 Sparkbox, Philip Zastrow

No matter if you’re a code newbie or a veteran developer, you should know how to effectively use CSS. In a 20-part tutorial series with Digital Ocean, learn practical CSS skills for creating visual styles for your next web project.

From late 2020 to the early weeks of 2022, Sparkbox Frontend Designer Philip Zastrow wrote a 20-part series of tutorials for DigitalOcean covering an introduction to CSS. Philip set out to present the information in an accessible manner that would be useful to coding novices and veteran programmers alike.

About the Series

CSS is different from most programming languages because its primary intent is to create visual styling for HTML elements. The series begins with an introduction to the primary theory that drives CSS standards: the cascade and specification. The tutorials go on to cover the various ways HTML elements can be selected, color can be applied, and how the elusive box model works. Halfway through the series, Philip addresses the task of styling an HTML table and providing a small-screen visual display. The second half of the series gets more in-depth on other tips and tricks, like working with shadows, transparency, and images, with the capstone of the series covering the styling of form elements. We hope you’ll find this helpful!

A Breakdown of This 20-Part Tutorial Series

  1. How To Apply CSS Styles to HTML with Cascade and Specificity

  2. How To Select HTML Elements to Style with CSS

  3. How To Style Text Elements with Font, Size, and Color in CSS

  4. How To Work with the Box Model in CSS

  5. How To Use Common Units in CSS

  6. How To Lay Out Text with CSS

  7. How To Use Color Values with CSS

  8. How To Use Links and Buttons with State Pseudo-Classes in CSS

  9. How To Select HTML Elements Using ID, Class, and Attribute Selectors in CSS

  10. How To Style a Table with CSS

  11. How To Use Float and Columns to Lay Out Content with CSS

  12. How To Apply Background Styles to HTML Elements with CSS

  13. How To Use Relationships to Select HTML Elements with CSS

  14. How To Use the Display Property to Manipulate the Box Model in CSS

  15. How To Load and Use Custom Fonts with CSS

  16. How To Create Layout Features with Position and Z-Index in CSS

  17. How To Style HTML Elements with Borders, Shadows, and Outlines in CSS

  18. How To Use Opacity and Transparency to Create a Modal in CSS

  19. How To Style Figure and Image HTML Elements with CSS

  20. How To Style Common Form Elements with CSS

Related Content

User-Centered Thinking: 7 Things to Consider and a Free Guide

Want the benefits of UX but not sure where to start? Grab our guide to evaluate your needs, earn buy-in, and get hiring tips.

More Details

See Everything In

Want to talk about how we can work together?

Katie can help

A portrait of Vice President of Business Development, Katie Jennings.

Katie Jennings

Vice President of Business Development