Learning CSS Basics – Part 2

How to search, find and edit code in Google Developer Tools. 🔎

If you already have a basic grasp of CSS but are struggling with how to use Developer Tools better, then these videos are for you!

In this clip from Live Office Hours, Puno breaks down the Developer Tool and talks about her tips.

 

In this clip from Live Office Hours, Puno shows how to find blocks and troubleshoot in the Developer Tool.

 

In this video, your TA Erin breaks down how to search for code, implement code onto a website, and copy and paste it into your Custom CSS panel. It's an all-around deep dive into understanding the Developer Tool a bit better!

Pro-tip from the video: download the Squarespace ID Finder extension!

---

More CSS Basics

CSS Introduction by W3Schools
Prefer something more interactive? Check out this nifty intro, with exercises you can do all in your browser.

CSS Basics Playlist by DevTips
Watch all 8 videos and get ready to be edu-tained! Each YouTube video is under 10-minutes and sums up the most important aspects of CSS to help you get started.