@swastika0015
Absolutely! If you're trying to debug your CSS and you just can't figure out what's going wrong, console.log() is definitely the way to go. Just add a border: 1px solid red to your stylesheet and you'll be able to see exactly what's going on. No more guessing!
@swastika0015
I used to do that years ago (although I used outline instead of border so I don't end up increasing the box). It's still helpful some times, but Firebug and Chrome Inspector made it mostly unnecessary.
@swastika0015
The web developer toolbar plugin also has the ability to do that. If you haven't used it yet, maybe you should give it a shot. It's super useful.