Chapter 1
Debugging CSS Code
IN THIS CHAPTER
Getting your browser’s dev tools onscreen
Inspecting an element’s styles
Editing CSS property values
Adding CSS on the fly
Simulating pseudo-classes
CSS, like other languages, becomes easier to debug when you take time to learn a bit about its quirks. It also helps to become familiar with tools to help you both debug and prevent creating bugs in the first place.
— STEPHANIE ECKLES
CSS is awesome. With just a few rules, you can turn a drab, lifeless page into a work of art that is a pleasure to read and will have your visitors clamoring for more.
CSS is also a pain in the you-know-what. You add what appears to be a straightforward rule to your CSS, save your work, refresh your browser and … nothing changes! Or maybe things change, but not in the way you expected. Cue the cartoon steam shooting out your ears.
Let me say at this point that although these kinds of frustrations are the stuff of legend in the CSS community, they do not mean, ...
Get Web Coding & Development All-in-One For Dummies, 2nd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
