Я обычно выношу в переменные коды цветов (типа $face: #face8d). Это удобное расширение для именования тех цветов, CSS-имён у которых нет. Плюс ещё и в том, что $face можно применить и для bg, и для color, и ещё много для чего. Иначе вы сами себя делаете заложником своего же кода.
И сто элементов писать не нужно в одну строку — этим компилятор займётся.
Хорош тот CSS, который не нужно много скроллить, чтобы внести пару изменений =)
Видимо, потому что заголовок Expires устанавливается серверами Гугла равным дате запроса (то есть время хранения кэша истекает сразу же после загрузки шрифта).
Верстать надо не "макеты посложнее", а реальные сайты разной сложности: статичные резиновые, адаптивные. Причём не типовые, как шаблоны для WP, в которых две колонки, шапка и всё. Наработаете десяток сайтов, можно будет уже дальше думать куда идти.
Я предпочитаю первый вариант. Код легче читать и проще поддерживать, когда свойства сгруппированы.
Конечно, до пены у рта придерживаться этого правила тоже не стоит: исходите из контекста конретной задачи и делайте наиболее логично.
