# 100: Almanahhi stiil, 1. osa - CSS-trikid

Lang L: none (table-of-contents)

Nüüd, kui oleme Almanaci kodulehele saanud korraliku sisu, on CSS-iga võimalik tegelikku stiili kujundada.

Otsustasime mõne selle kujunduse bitti jaoks kasutada käsikirjafonti. Sirvime Dafontis mõnda fonti ja laadime alla varjud valguse alla. Allalaadimisega kaasneb font töölaual töötavas vormingus, kuid mitte kõik @ font-face jaoks vajalikud vormingud. Niisiis, juhime selle läbi Font Orava.

Teisaldame fondid oma kataloogistruktuuri sinna, kus nad peaksid olema. Seejärel kopeerime ja passeerime @ font-face süntaks mujalt projektist oma Almanachi-spetsiifilisse CSS-i ja muudame fontide ja muu nime.

Ülejäänud aja veedame CSS-i torkides ja produtseerides paigutuse korrektseks muutmiseks, värvide määramiseks ja muuks. See on tegelikult päris lõbus ja huvitav CSS-i väljakutse, kuidas see kõik õigesti vormistada. Lõppude lõpuks on meil HTML-väljundi üle väga vähe kontrolli. See on lihtsalt pesastatud loendid. Nii et peame asjad täpselt sihtima ja hõljuma, et saada täpne paigutus, mida Photoshopis ette nägime.

Huvitavad Artiklid...