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