Modül 4: Stil Şablonu (css)

Web Tasarım ve Programlama

modülü indirmek için tıklayınız.

  1. STİL ŞABLONU (CSS) TEMELLERİ
    • CSS’in Yapısı
      • Sınıf Seçicisi
      • Id Seçicisi
      • Etiket (Tag) Seçicisi
    • CSS Kullanım Alanları
      • Yerel Kullanım Alanı
      • Global Kullanım Alanı
      • Bağlantılı Kullanım Alanı
    • CSS Birimleri
      • Uzunluk Birimleri
      • Yüzde Birimleri
      • Renk Birimleri

 

  1. STİL ŞABLONU (CSS) ÖZELLİKLERİ
    • Zemin Özellikleri
      • Zemin Rengi
      • Zemin Resmi
      • Zemin Resmi Tekrarı
      • Zemin Resmi Pozisyonu
      • Zemin Rengi İliştirme
    • Font ve Metin Özellikleri
      • Font Özellikleri
      • Metin Özellikleri
    • Kutu Modeli Özellikleri
      • Kenar Dışı Boşluğu Özellikleri
      • Kenar Çizgisi Özellikleri
      • Kenar İçi Boşluğu Özellikleri
    • Tablo Özellikleri………………………………………………….örnek uygulama
      • Tablo Kenar Çizgileri
      • Kapsayıcı Kenar Çizgisi Ayarı
      • Tablo Genişliği ve Yüksekliği
      • Tabloda Metin Hizalama
      • Tablo Kenar Çizgi İçi Mesafesi
      • Tablo Hücre Rengi
    • Konumlandırma………………………………………………… örnek uygulama
      • Statik Konumlandırma
      • Sabit Konumlandırma
      • Göreceli Konumlandırma
      • Mutlak Konumlandırma
      • Örtüşen Öğeler
    • Liste Özellikleri
      • Sıralı Listelere Stil Verme
      • Sırasız Listelere Stil Verme
      • Madde İmi Olarak Resim Belirleme

CSS ile menü oluşturma ve Konumlandırma çalışmalarının pratik çalışması

  1. STİL ŞABLONU (CSS) MENÜ İŞLEMLERİ
    • Dikey Menü Yapımı
    • Yatay Menü Yapımı…………………………………….örnek uygulama 
    • Dikey Açılır Menü
    • Yatay Açılır Menü
    • Sekmeli (Tab) Menü Yapımı
    • Resimli Menüler
  2. TARAYICI SORUNLARI
    • Tarayıcı Çeşitleri
    • CSS Hata Ayıklama Yöntemleri
      • Hata Ayıklamak İçin Şartlı Yorumlar Kullanmak
      • Tarayıcıda Geriye Uyumluluk
      • Tarayıcı Uyumluluğu İçin CSS Sıfırlama

resme çerçeve verilme örneği

Kutulu Bilgi Gösterimi için örnek uygulama için tıklayınız.

Sayfanıza ikon vermek için tıklayınız. 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir