I've recently started learning CSS, and according to the tutorial series I'm watching, the ideal approach to display a logo image is to wrap the text in an H1 element, then set the CSS style for that tag to the background image, with a text-indent of -99999 or some large number.
This appears to be extremely clumsy and inelegant. It also appears that utilizing CSS to obscure text is a big no-no in terms of SEO (as hiding text via CSS is frowned upon).
I've also read that utilizing an image should be avoided because the logo isn't truly content and should be confined to the coding's design side (i.e. CSS).
What is the present state of opinion on this?