Google Docs has a lot of potential, but I’ve for a long time been complaining about it’s lack of styles support. Well, Google has made a first step towards resolving this. The new “Edit CSS” support allows a user to pop up a dialog to edit the CSS file directly.
While this is a good first step, there are a number of noted limitations, as well as one obvious one that is not noted: one can only style existing HTML structures like headings, or blockquotes. One cannot do this and have the UI pick up the new style:
h1.title { font-size: 150%; color: blue; }
If Google manages to add that (which at least one of its competitors has had for at least a year), as well as programmatic access to create field-like structures in Google Docs, it might just develop into the serious tool it seems destined to be.
Another, more serious, problem, is that to really take advantage of the new CSS support, the underlying HTML needs to be pretty clean and correct. Right now, Google Docs create a lot of crap. For example, I added this rule to my stylesheet:
p + p { text-indent: 0.5px; }
This rule says to indent all but the first paragraph after another element (say a heading). When you have clean underlying HTML, it results in a really nice, clean, looking output. But it breaks if, as in my example Google Docs, half of your paragraphs aren’t actually paragraphs, but rather one big paragraph with a bunch of br elements! Grrr …