Snadné formátování dokumentů Google pomocí CSS

Z Wordu jsem byl zvyklý formátovat text výhradně styly. Výhody jsou zřejmé - písmo, odsazení apod. je v celém dokumentu jednotné a snadno jde naráz změnit formátování všech prvků určitého typu, třeba nadpisů druhé úrovně.

Dokumenty Google již nějakou dobu umožňují formátovat text přímou editací kaskádových stylů (CSS), což ale pro uživatele, kteří CSS neznají, není moc použitelné. Proto jsem připravil vzorový stylový předpis, se kterým základní formátování zvládnete i v případě, že o CSS nic netušíte.

Ostatně, hned si to můžete vyzkoušet, a pokud se vám něco nebude dařit, napište do komentářů a já se vám pokusím poradit.

Nejprve si zkopírujte tento stylový předpis do schránky (kliknout kamkoli dovnitř, Ctrl+A, Ctrl+C):

Nyní si otevřete některý ze svých dokumentů, v horním menu klikněte na Upravit (Edit) a poté na Upravit CSS (Edit CSS). Otevře se vám okno nadepsané Úprava CSS (CSS Edit). Do něj zkopírovaný stylopis vložte (Ctrl+V), smažte poslední řádek ("Edit this page...") a potvrďte tlačítkem OK. Formátování vašeho dokumentu se pravděpodobně trochu změní.

Nyní ho můžete zkusit změnit ještě víc. Znovu si otevřete okno CSS a v komentářích, které jsou ohraničeny /* tímto způsobem */, si najděte prvek textu a vlastnost, kterou chcete upravit. Může to být třeba font nadpisů druhé úrovně. Nyní je tam Arial, zkuste ho tedy přepsat třeba na Verdana. Jakmile okno zavřete tlačítkem OK, font všech nadpisů druhé úrovně (pokud je tak máte v textu vyznačeny) se změní.

Pár důležitých poznámek:

• Měňte jen to, co je ve vzorovém stylopisu výše vyznačeno zeleně.
• Velikost odsazení a velikost písma nadpisů doporučuji nastavovat v jednotkách em. 1em odpovídá (přibližně) výšce řádku příslušného textu. Jedenapůlnásobek výšky řádku se tedy zapíše jako 1.5em.
• RGB kódy barev můžete získat ze skvělého míchátka barev od Petra Staníčka.

Znalci CSS mi prominou neefektivitu kódu a nepřesnosti ve výkladu. Srozumitelnost pro laiky má přednost.