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, ...