CSS STIL SABLONLARI - Fatih Hayrioğlu, CSS (Stil Sablonları)

Fatih Hayrioğlu, CSS (Stil Sablonları)

Kitabın yapısı Kitap genel olarak iki ana kısımdan oluşmaktadır. 1. Kısım CSS'in Temellleri CSS'e giriş: CSS'in tanımı genel bilgiler ve avantajlar

Kitabın yapısı Kitap genel olarak iki ana kısımdan oluşmaktadır. 1. Kısım CSS'in Temellleri CSS'e giriş: CSS'in tanımı genel bilgiler ve avantajlarını içeriyor. CSS'in yapısı: CSS'in yapısını oluşturan elamanlar tek tek incelendi. Seçiciler, bildirim bloğu, gruplama, değerler ve yorumlar hakkında bilgi verildi. Seçiciler: CSS'deki önemi dikkate alınarak seçiciler için ayrı bir bölüm yazıldı. Tüm seçici türleri tanımları ve örnekleri ile anlatıldı. Basamaklı yapı ve kalıtsallık: CSS'in C(Cascading) harfinin ifade ettiği basamaklı yapı ve anlamı hakkında ayrıntılı bir bilgi verildi. 2. CSS özellikleri Yazıtipi(font) özellikleri: Metinleri oluşturan yazıtiplerinin CSS ile yönetilmesini sağlayan özellikleri içerir. Metin(text) özellikleri: Metinlere ait özellikler hakkında bilgi verildi. Artalan(background): Web sitelerindeki elemanların artalan özelliklerini içerir. Listeleme(list) özellikleri: Web sitelerindeki listelerin CSS ile yönetilmesini sağlayan özellikleri içerir. Kutu modeli özellikleri: CSS ile web sayfası kodlamanın önemli özelliklerini içeren kutu modeli ve özellikleri hakkında bilgi içerir. Yüzen kutu ve konumlandırma özellikleri: CSS ile web sayfası kodlamanın diğer önemli özellikleri olan float, clear ve position özelikleri hakkında bilgi içerir. Tablo özellikleri: CSS ile web sayfalarındaki tabloları yönetmek için kullanılan özellikleri içerir. Kullanıcı arayüzü özellikleri: CSS ile web tarayıcılarının belli özellikleri kontrol etmemize yarayan arayüz özelliklerini içerir. Ayrıca Tüm CSS özelliklerinin referansı, kaynakça ve sözlük bölümü ek olarak sunuldu.

  1. Quisque volutpat.
  2. Curabitur feugiat
  3. Sapien a laoreet mollis
Internet Explorer 7 ve alt sürümlerinde ar

  • 8. Listeleme Özellikleri 124 8.2. Liste imleyici resmi (list-style-image) Yapısı: list-style-image: Aldığı Değerler: | none | inherit Başlangıç değeri: none Uygulanabilen elemanla

  • 8. Listeleme Özellikleri 125 Internet Explorer 7 ve alt sürümlerinde float uygulanmış liste elemanının list-style-image ile atanmış işaretleri görünmez. Tarayıcı Uyumu: Internet Explorer 4+ Fire

  • 8. Listeleme Özellikleri 126 Örnek 8-3 8. Listeleme Özellikleri 127 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 8.4. Liste biçemi (list-style) Yapısı: list-style: Aldığı Değerler:

  • 8. Listeleme Özellikleri 128 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ Yukarıdaki özellikler genel bir bilgi vermesi açısından anlatılmıştır. Günüm

  • 9. Kutu Modeli Özellikleri 129 9. Kutu Modeli Özellikleri CSS tüm HTML elemanlarını bir dikdörtgen kutu içine konmuş varsayarak ona göre pozisyonları ve boyutlarını kontrol eder. Bu elemanlar h

  • 9. Kutu Modeli Özellikleri 130 kenar içi boşluğu değerleri, üst-alt kenar çizgisi değerleri ve içerik alanı yüksekliği toplamı yükseklik değerini oluşturur. Kutu modelinin iki elemanı bulunur. B

  • 9. Kutu Modeli Özellikleri 131 Kenar çizgisi (Border): Elemanın kenar çizgilerini gösterir. Kenar dışı boşluğu (Margin): Elemanın kenar dışı boşluklarıdır. Sırası ile bu özellikleri inceleyelim.

  • 9. Kutu Modeli Özellikleri 132 9. Kutu Modeli Özellikleri 133 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.2. border-top-style, border-right-style, border-bottom-style, border-left-styl

  • 9. Kutu Modeli Özellikleri 134 Tarayıcı Uyumu: Internet Explorer 6+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.3. Kenar çizgisi genişliği (border-width) Yapısı: border-width: Aldığ

  • 9. Kutu Modeli Özellikleri 135 Uzunluk: Kenar çizgisi kalınlığı doğrudan belirtilen (göreli olmayan/hesaplanmayan) bir değerdir ve negatif olamaz. Örnek 9-3

  • 9. Kutu Modeli Özellikleri 136 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.4. border-top-width, border-right-width, border-bottom-width, border-left-widt

  • 9. Kutu Modeli Özellikleri 137 Kutu Modeli Özellikleri