# 100: Almanak Tarzı, Bölüm 1 - CSS Hileleri

Anonim

Artık Almanak'ın ana sayfasında doğru içeriği elde etmek için mücadele ettiğimize göre, CSS ile bazı gerçek stilleri inceleyebiliriz.

Bu tasarımın bazı parçaları için el yazısı yazı tipiyle gitmeye karar verdik. Dafont'ta bazı yazı tiplerine göz atıyoruz ve sonunda Shadows Into Light'ı indiriyoruz. İndirme, yazı tipiyle masaüstünde çalışacak bir biçimde gelir, ancak @ font-face için gereken tüm biçimlerle birlikte gelmez. Yani, Font Squirrel aracılığıyla çalıştırıyoruz.

Yazı tiplerini olması gereken dizin yapımıza taşırız. Ardından, projenin başka bir yerinden @ font-face sözdizimini Almanak'a özgü CSS'mize kopyalayıp yerleştiriyoruz ve yazı tiplerinin adlarını değiştiriyoruz.

Geri kalan zamanımızı CSS'yi düzene sokmak, renkleri ayarlamak ve başka şeyler yapmakla geçiriyoruz. Aslında her şeyi doğru bir şekilde yerleştirmek oldukça eğlenceli ve ilginç bir CSS mücadelesi. Sonuçta, HTML çıktısı üzerinde çok az kontrolümüz var. Sadece iç içe geçmiş listeler. Bu yüzden Photoshop'ta tam olarak öngördüğümüz düzeni elde etmek için her şeyi doğru şekilde hedeflememiz ve yüzdürmemiz gerekiyor.