31 Ocak 2015, CUMARTESİ

Kılavuz Düzeni Css Öğretici Ve Belge Başvurusu

Lanet olsun Bu eğitimde olmuştur siz inşa öğrenebilirsiniz Gelecekte projeler için CSS ızgara düzenleri Henüz mevcut projeler için uygulayamazsınız fakir sınırlı tarayıcılar ben resmi belgelere götürecektir çünkü Eğer resmi bir kaynaktan ilk elden bilgi almak böylece ve ikinci el kaynağından bunu benzer olduğunu bulmak Biz bir kaç hafta önce yaptığı Flex kutusu düzeni modülü öğretici ama daha iyi bir başarmak olabilir farklı özelliklere ve özelliklere sahiptir görev Eğer önünüzde olması bu boş bir HTML dosyası ile başlamak istiyorum ve patlama tarzı elemanı yapacak vücut marjı ayarlanır: 20 piksel

bu şekilde o kenar kadar web sayfaları etrafında deepal alan gövde elemanı şimdi çıkarıldı içinde olacak tokat şeyler Biz kendimizi bu hale eğer benim ızgara ve onu görürsünüz yapısı var sadece Normal demet verir dikey

birbirinin üstüne yığılmış yapacağız HTML yapmak konum hepsi olduğunu Gerisi düzenini işlemez CSS olacak Bu kullanarak bu iyi konteyner içinde yaptım Her bir kimlik AB CD EF GH olarak yaptım sonra onlar da

“Ders Kodu: http://www.developphp.com/video/CSS/Grid-Layout-CSS-Tutorial-and-Documentation-Reference Gelecekte projeler için CSS ızgara düzenleri inşa öğrenin. Sen...”
Adam Khoury

akşam HTML içeriğini vardı Bu gösteri amaçlı sadece kendi kimliğini yansıtan daki sütunlar ve satırlar vardır track aşk tutabilir yolu ızgara şimdi biz bu iyi bir kabı hedef için gidiyoruz onun tarafından kimlik pound işareti koymak için küme ayracı kapatma ızgara açılış yazın Şimdi ne ekranı ayarlamak yapabiliriz ızgarasına özelliği o gelecekte nasıl görüneceğini var ve ama şimdi yapacağız Internet Explorer'da iki test gerekecek Internet Explorer 10 yalnızca

Kılavuz Düzeni Css Öğretici Ve Belge Başvurusu Resim 1 Kılavuz Düzeni Css Öğretici Ve Belge Başvurusu Resim 2 Kılavuz Düzeni Css Öğretici Ve Belge Başvurusu Resim 3 Kılavuz Düzeni Css Öğretici Ve Belge Başvurusu Resim 4

çünkü Sadece tarayıcı olarak daha size şimdi ile test edebilirsiniz bu yüzden Internet Explorer için ms öneki koymak gerekir ilk başta o hiçbir değişiklik yok görebiliyordu ve en önek bırakalım Şimdi bana EMS öneki bu değiştirmenize izin Bu özellik şu anda etkili olur görürsünüz Eğer hepsi yığılmış görmen yenileme Şimdi tüm büyük öğeler birbirinin üstüne Biz ızgara düzeni atamak zorunda çünkü ızgara, biz hedef gidiyoruz sonraki satırda bizim CSS üzerine içinde 8 ürün bulunuyor ızgara sütunları Bu özel ızgara dört sütun olacak bu yüzde

n ben de yüzde 25, her sütun set değilim bu yüzden şimdi hedefleyecek uzayda yüzde 25 doldurup ızgara düzeninde gül iki satır olacak olan böylece dört sütun Rose onlar yüksek olması için gidiyoruz, böylece gül bize sekiz ürün verir Ben yüzde elli% uh viewport yükseklik ekranı ne demektir edeceğiz şimdi ben bir kural ben her ne kadar öylece hedef next Çocuk gelişmeler tüm grid öğeleri İyi kabın içine yüzden ızgara hedef Biz ızgara kadar çocukları belirlemek Tüm Onlara her plan gri vermek siyah ve font boyutu 75 piksel sınır ve biz o göreceğiz üç taze kılan bakmak onlar bizim istediğimiz göz var ama her üstüne hala yığılmış var diğer bu yüzden şimdi pozisyon ve böylece stil egemenliği altında yapmak zorunda her biri etkileyen bu koyacağız her biri ve bunların KODU harika ürün bu yüzden biz büyük bir öğenin biz olduğunu belirtmek hedef Izgara columnposition 1 olacak ve sonra ızgara satır pozisyonu olacak Ayrıca onun ilk kutu olacak istediği bir ben en o ABCDE vardı ona bir göz atalım açıklamak önce Ekran boyutu ne olursa olsun, FGH Izgara hala devam ediyor oranlar çünkü biz burada boyutlandırma kurdum yolu ne size göstermek için bir an boyutunu değiştiremezsiniz Yapmanız gereken tüm her ızgara öğesini istediğiniz konumu hedef olan CC canlı Nerede mesela ben bu konumda yaşamak görmek istediğiniz takdirde Tek yapmam gereken tüm sütuna 1 hedef satır o yüzden görmek ve sütun 1 koymak için gidelim kürek ve daha sonra en kendisinden gidelim ve onu C idi koymak Sütun 3 olduğu % uh rulo biri şimdi bunu görürsünüz Onlar şimdi burada pozisyon takas ve şimdi burada CC merhaba ben hedefleme ediyorum görmek İstediğim yere bu unsurların iyi iç yaşamak o yüzden şimdi en bu değerleri geri koyalım çok basit Bu yüzden her şeyi doğru sırayla ama bir şey beri eğer sen gerçekten kullanışlı gelirdi gibi düzenleri yapma ve izin vermek istediğiniz Bir istemci konumunu değiştirmek için Bazı sütun belki sol sütun takas nerede yukarı Sağ sütunda için konumunu değiştirmek Böyle menü öğeleri ve işler artık ben de go ahead ve bu numaralarını değiştirmek değilim sütun için yani bu sütun biridir üç ve dört Sizin biz bir 3 var bakın yani değişiklikten bu bir 215 için Biz yenileyin sonra bu bir 235 ve Eğer kendi sadece yaklaşık yüzde 15 alır bakın Ben bu koymak eğer öyleyse bu bir anda yüzde 35 alır Güneş yetmiş 30 Daha sonra yenileme koymak bizim o ben de gidiyorum şimdi geri döndü Size teklif yapılmış serin bir web sitesi düzeni Izgara modülü yüzden bu kodu yerine izin dan şimdi bu kod ile en bizim belge bakın tazeleyelim neyin var oldukça fazla bir web sitesi düzeni Şimdi eleman kalır sahip burada bir kenara elemanı var sayfa içerik bölümü başlığındaki altbilgi Her şey yerinde ve terazi her şeyi tutmak Sıvı veya duyarlı ya da her neyse onu aramak istiyorum vücut elemanı hedefliyor HTML cc ve biz ızgara aslında hedef yok yapıyoruz Cesedi kendisi hedef olabilir böyle bir şey sunmak Izgara konteyner yeni html5 başlık elemanı yeni html5 nada kullanılan eleman Yeni html5 altbilgi ve yeni bir HTML Şimdi html5 kenara elemanı sormak istiyorum ben resmi belgelere götürecektir edeceğiz Eğer keşfedebilirsiniz bu şekilde tüm özellikleri dahil ve bazı güvenmek zorunda kalmazsınız ikinci el kaynağı olan olandan başka her web sitesi Ben şimdi size yol gidiyorum ikinci el kaynağıdır böylece siz de atın ağzına düz gidip bilgi alabilirsiniz aynı yerden kendim üniversiteler gibi eğitimciler ve iyi, ciddi bir eğitim çalışması yapıyor herkes bu nerede Onlar bilgi almak Eğer def i olacak bağlantıyı ben ilk belgeyi olacak İlk ızgara düzeni önerisi ve bir ton ve örnekler var görebiliyorum gösteren güzel resimler ile ne oluyor işe ve her ayrıntıyı açıklıyor size güzel kod örneklerini vermek tüm özellikleri içeriyordu için ihtiyaç vardır örnekler bir ton ve tüm belgeler var Eğer ilgili tüm özelliklerini görürsünüz altına inmek böylece örneğin tanımak istiyorum burada kullanıyorum ızgara sütun aralığı bu ne yaptığını tanımak istiyorsanız eğer öyleyse sadece tıklayın büyük bir sütun açıklıklı gitmek Bir açıklıyor belgeyi bu noktayı alır içinde yayılan veya araştırmak istediğiniz diğer özelliklerden herhangi birini ve deney şimdi kullanıyorum burada kodu da var F birimi vardır ve onlar onu görünce o bir sürü insan şaşırtmak olabilir Bunu yapmak istediğiniz resmi belgelere gidin ve ben o bölüm 5 Nazi olduğunu düşünüyorum 6.5 0,1 var FR birimi nedir kesir değerleri olduğunu Eğer zorunda değilsiniz, böylece bu konuda tüm okuyabilirsiniz Bazı ikinci el kaynağından o herhangi bir açıklama almak şimdi olacak bağlantıyı ben ikinci belge yeni konumundadır Izgara düzeni modülü çalışma taslağı şimdi Borazan Aynı benzer örnekler var olduğunu görürsünüz altındaki tüm yol İşte Eğer altına giderseniz ve bazı farklı olanları yeni olanlar ve görürsünüz farklı özellikleri şimdi teklif var Bunlardan bazıları da işe yaramazsa ama sizi yarar olabilir bulmak için yeni veya güncellenmiş belgelere bakın tüm ızgara düzeni modülü hi ile ilgili bu kod örnekleri de var gelişmekte olan HP nokta görüntüleyen videonun altında sayfada com Bu bilgiler bina ızgara düzenleri ile size yardımcı olur umarım gelecekte.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Grid-Layout-CSS-Tutorial-and-Documentation-Reference Gelecekte projeler için CSS ızgara düzenleri inşa öğrenin. Sen sınırlı olduğundan tarayıcı desteği henüz mevcut projelere bunu uygulayamazsınız. Bu FlexBox Düzeni Modülüne benzer ancak gelecekteki projeler için kullanışlı bulabilir farklı özelliklere ve özelliklere sahiptir. Eğer resmi bir kaynaktan bilgi ilk elden almak değil, sadece ikinci el kaynaklardan böylece Bu sayfa aynı zamanda resmi belgelere götürecektir.

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.7/10

  • 177
    Olumlu
  • 4
    Olumsuz
  • 37
    Yorum
  • 13457
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • alexis gillis

    alexis gilli

    23 HAZİRAN 2011
  • Damian Winter

    Damian Winte

    27 ŞUBAT 2007
  • MugenPowerBatteries

    MugenPowerBa

    8 EKİM 2010

ANKET



Bu sayfa işinize yaradı mı?