10 ŞUBAT 2014, PAZARTESİ

Css3 Çok Sütun Düzeni Kılavuz Öğretici

Merhaba önceki video egzersiz herkes bizim program nasıl gösterdi çok sütun düzenleri affeder çekirdek JavaScript kullanarak farklı yüksekliklere sahip Bu derste biz css3 çok sütunlu düzeni modülünü ve bazı kullanmak için gidiyoruz özelliklerini kadar Otomatik içerik yayılma özelliği ile çoklu sütun düzeni oluşturmak için Şimdi JavaScript ve CSS hem yaklaşımlar, farklı davranış ve farklı yararları var İlk kullanıcısının olduğunu ne bitirmek ürünü bir göz atalım her biri farklı dinamik Heights olabilir mi ama yine de ne olur türlü güzel ızgara oluşturur İçerik önümüzdeki sütunlar halinde sızıntıları yay

ılma içerik olması umulur eğer gibi birçok unsurları hareket edebilir Eğer bir izleyici içine istiyorum çok sütunlu düzeni konteyner bu güzel hiçbir şekilde Bu yaptığımız destekler multi-sütun ızgara Farklı bir yüksekli

kleri sen de olabilir mi tüm aynı yükseklikte isterseniz sütunları almak için sadece yeni bir yol ama CSS de onun otomatik içerik yayılma özelliği ile birlikte geliyor tamam yapacağız bazı mevcut temel CSS ve

“Ders Kodu: http://www.developphp.com/video/CSS/Multi-Column-Content-Layout-Grid-Tutorial Özelliği üzerinde otomatik içerik dökülme ile çok sütunlu ızgara düzenler...”
Adam Khoury

HTML ile başlamak konum size Sayfanızda olabilir en biz sadece Dave çok şey var görebiliyorum sizi kılan bir göz atalım Normal moda sayfa ve her biri farklı bir yüksekliğe sahiptir çünkü Farklı bir var cümlelerin miktarı olanların her birine yazılmış olan Böylece her bu yüzden kendi farklı dinamik yüksekliğe sahip olacak ne Göründüğü gibi biz css3 çok sütunlu düzeni uygulamadan önce Bir sayfada yığın verir sadece normal yolu Şimdi bir çok sütunlu düzeni oluşturm

Css3 Çok Sütun Düzeni Kılavuz Öğretici Resim 1 Css3 Çok Sütun Düzeni Kılavuz Öğretici Resim 2 Css3 Çok Sütun Düzeni Kılavuz Öğretici Resim 3 Css3 Çok Sütun Düzeni Kılavuz Öğretici Resim 4

ak için gereken kod birkaç satır geçerli olacaktır tamam şimdi ben de gitmek ve gerekli iki satır uygulamak ediyorum çok sütunlu düzeni oluşturmak ve bu öneki zorunda akılda tutmak yeni CSS3 nedeniyle özellikleri bu yüzden burada WebKit koymak zorunda Şimdilik tüm WebKit tabanlı tarayıcıda çalışmak istiyorsanız ama senin için sonunda tüm bu koymak gerekir şimdi WebKit ve en öneki ile ve yukarı internette bu test edebilirsiniz kâşif O benim sayfasını yenileyin izin ne burada test ediyorum bulunuyor Bunu sadece

bu iki satır görebilirsiniz Ben iki sütun olması isteseydi bütün düzeni işlemek Bir değiştirici a2 benim sayfayı yenileyin ve bir göz atın Şimdi iki sütun düzeni var ve bunlar tüm olabilir Dinamik yüzdeler Örneğin bu kap olabilir Yüzde 100 şimdi size bir olduğunu görüyoruz sütun düzeni ile dolu Ben sadece gonna çünkü gerçekten bu iki özelliği göstermektedir Bu işlemek için ihtiyaç duyulan hepsi bu Ben istiyorum ama bu URL'yi veriyorum etkisi ve bu benim gibi eğitimciler kullanmak URL atın ağzından kaynak materyal araştırma Size kaynak materyal düz gidip öğrenebilirsiniz Gerçekten tüm CSS çok sütunlu düzeni hakkında derinlemesine araştırmak için olabilir haber daha özellikleri Şimdi bu sütun kuralı ortada bakın ne yatay bir kural gibi bu dikey kuralı bakın yatay bir çizgi gibi ama sadece bir dikey çizgi var bu yüzden senin Sütunlar arasındaki dikey kural Üçe o geri koymak ve eğer öyleyse ben yenilemek Ben kaldırabilirsiniz arasında bu kuralı görmeye gidiyorum onların hatta yer yenileme bu gerekmez ve gitmiş olduğunu ama sadece şu an için yerde bırakacağım ve benzeri seni dedi bir sürü daha Alana öğretici web siteleri hakkında konuşmak için gidiyoruz keşfetmek Sadece bu adresten kendinizi gidip video açıklamasında bir bağlantı koymak gerekir eğer Bu URL'ye şimdi de tüm bu kodu Pickering Sana yazmak için cümleleri alıyorum nasıl merak ediyorsanız eğer benim belgeyi Buraya ve dinamik olarak tüm bu divalardan halinde Benim kukla içerik için sadece bu iki hatları kullanarak yazma bu konuda bu kadar iyi bu satırı ve sonra için döngü kullanarak Gerçekten daha kendinize bir sürü keşfedebilirsiniz bilmeniz gereken herşey onların bütün sayfayı okumak için zaman ayırın.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Multi-Column-Content-Layout-Grid-Tutorial Özelliği üzerinde otomatik içerik dökülme ile çok sütunlu ızgara düzenleri oluşturmak için CSS3 Multi-Sütun Düzeni özelliklerini kullanmayı öğrenin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.9/10

  • 145
    Olumlu
  • 1
    Olumsuz
  • 17
    Yorum
  • 20380
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006
  • MyCyberAcademy

    MyCyberAcade

    2 EKİM 2011
  • waterfairy17

    waterfairy17

    9 Aralık 2007

ANKET



Bu sayfa işinize yaradı mı?