Bir internet sitesini standart ve sıkıcı bir görünümden kurtaran bir etki varsa o da tasarımdır. Sitenin temel yapı elemanı olan HTML kodlarını, göze güzel gelecek ve siteyi farklı kılacak şekilde stillendirmek için en profesyonel yol hiç şüphesiz CSS kullanmak. 

Bir web tasarımcının mutlak suretle bilmesi gereken CSS'i kullanarak sayfa elemanlarımızın yerlerini belirleyebilir, aralarındaki boşlukları verebilir, yazılarımızın renklerini, fontlarını, hizalama özelliklerini farklılaştırabilir, tüm sayfamızın arkaplan özelliklerini yönetebiliriz.Tüm bunları CSS kullanarak yapmanın en büyük avantajı elbette ki internetin en önemli değişkenlerinden olan sayfa boyutunu minimumda tutabilmek.

Bu online eğitimimizde CSS'i en temel özelliklerinden başlayarak öğrenecek, bir site yapısını CSS ile nasıl oluşturabileceğimizi göreceksiniz. Online derslerimizdebaşlıklar, paragraflar, linkler, listeler, tablolar gibi birçok HTML elemanını CSS ile biçimlendirecek, CSS'i kullanmanın ve sayfamıza eklemenin alternatif yöntemlerini öğreneceğiz.

CSS'in vazgeçilmez, bir o kadar da eğlenceli dünyasına en önemli adımı atmaya hazırsanız başlayalım.

İçerik

• Giriş
• Hoşgeldiniz [1dk 26sn]Önizleme Videosu
• CSS Nedir?
• CSS Tanımı [1dk 28sn]Önizleme Videosu
• CSS - HTML İlişkisi [6dk 56sn]
• CSS’in Avantajları [3dk 33sn]
• CSS Yazmak
• Örnek Site Keşfi [1dk 48sn]Önizleme Videosu
• Brackets ile Çalışmak [4dk 30sn]
• Sayfa İçi CSS Yazmak [3dk 32sn]
• 3N Sorusu - Seçici, Özellik ve Değer [4dk 11sn]
• Örnek: CSS ile Yazı Rengi Değiştirme [3dk 56sn]
• CSS Seçici Tipleri
• Etiket Seçiciler [2dk 42sn]
• Torun Seçiciler [2dk 50sn]
• Seçici Gruplama [1dk 41sn]
• ID Seçiciler [4dk 52sn]
• Class Seçiciler [4dk 10sn]
• CSS ve Kutu Modeli
• Kutu Modeli Nedir? [6dk 44sn]
• Div Yapısını Kurmak [3dk 21sn]
• Genişlik ve Yükseklik [2dk 23sn]
• Border (Kenar Çizgisi) [4dk 28sn]
• Padding [3dk 42sn]
• Margin [1dk 43sn]
• Arkaplan Rengi [1dk 31sn]
• CSS ile Yazı Kontrolü
• Font Ailesi Seçimi [5dk 45sn]
• Google Fonts [5dk 51sn]
• Font Stili ve Kalınlığı [1dk 21sn]Önizleme Videosu
• Font Boyutu ve Satır Aralığı [1dk 35sn]
• Text-Decoration Özelliği [2dk 38sn]
• Font Özelliklerini Kısa Yolla Kullanma [2dk 33sn]
• CSS ile Arka Plan Kontrolü
• Arka Plan Rengi [4dk 13sn]
• Arka Plan Resmi [3dk 54sn]
• Arka Plan Tekrar Özelliği [2dk 41sn]
• Arka Plan Kaydırma Özelliği [1dk 43sn]
• Arka Plan Boyut Özelliği [1dk 47sn]
• Arka Plan Pozisyonu [2dk 54sn]
• Arka Planda Desen Kullanımı [3dk 48sn]
• Arka Plan Özelliklerini Kısa Yolla Kullanma [3dk 50sn]
• CSS ile Pozisyonlama
• Pozisyonlama Nedir? [3dk 51sn]
• Float Özelliği ile Yaslama [3dk 4sn]
• Static Pozisyonlama [3dk 0sn]
• Fixed Pozisyonlama [5dk 12sn]
• Absolute Pozisyonlama [6dk 34sn]
• Relative Pozisyonlama [4dk 58sn]
• İç İçe Pozisyonlama [6dk 57sn]
• CSS Ekleme Yöntemleri
• Dahili CSS [3dk 28sn]
• Harici CSS [5dk 52sn]
• Dahili CSS'i Harici Hale Getirmek [8dk 1sn]
• Satır İçi CSS [2dk 42sn]
• CSS Sıfırlama
• Görünmez CSS Kuralları [2dk 56sn]
• CSS Sıfırlama [1dk 38sn]
• Reset.CSS Kullanımı [2dk 13sn]
• Reset.CSS'i Sayfaya Eklemek [2dk 32sn]
• CSS ile Menü Yapımı
• CSS ile Menüyü Düzenlemek [13dk 57sn]