Сейчас я вам хочу рассказать об использовании своих css правил.

Загрузим новый шрифт на страницу, используя Google Webfonts API. Итак, выбираем понравившийся шрифт из списка предоставляемых гуглом. В нашем примере мы будем использовать Tangerine. Открываем вкладку get code, копируем код:

<link href='http://fonts.googleapis.com/css?family=Tangerine:regular,bold' rel='stylesheet' type='text/css'>
и вставляем в свою страницу.

Теперь в поле для css стилей добавим правило, чтобы все заголовку h1 использовали наш загруженный шрифт. И вот как теперь будут выглядеть все заголовки h1

Your custom h1 title

Очень просто, неправдали?

А вот эту надпись я хотел бы развернуть на 5 градусов, воспользовавшись возможностями CSS3

Просто добавляем новое правило и назначаем соответствующий класс тем элементам, которые хотим развернуть:

.rotated{  
 -webkit-transform:rotate(-5deg);
}

Кстати для этой страницы мы сделали черный фон и белые надписи.