14 Mart 2014, Cuma

Susy Öğreticiler #2 - Temel Bir Tablo Oluşturma

Hey naber ben Scott isterdim ve bugün olacak bahsediyoruz olacaksın Susie ve bir bazik ızgara yapı Şimdi akılda bu Susie Berge yüzden eğer için ise Bunu sen boyunca takip ediyorsanız bunu emin olun sürümü değil biz açıklama yapmayan ve ilk ama sadece bu bir açıklığa kavuşturmak istiyorum iyi ve burada ne var temel bir olduğunu Bir temel HTML sitesi burada ona bakmak görmek için Disraeli Biz sadece burada bizim ana içeriğe sahip ve biz kenara var Bütün bir liste öğesi ile ben gerçekten yaptım Bu liste normal veriler gibi korkunç görünmüyor yapmak o daha az zaman dilimi iyi görünmüyor

ama gerçekten sadece başlı çizgiler altında, belki daha normal bir navigasyon gibi görünüyor ve aynı zamanda var gidiyor onlar da yardım edeceğiz sınırları ve Ernie sorta kadar geniş gerçekleştirmek Bu bir yana sütunu

CSS görebileceğiniz gibi so Burada gerçekten sadece bu satırlar bir sürü değil ise ben sadece Ekran butik bloğu bazı dolgu border-bottom koymak biliyorum: size l üzerinde vali marjı ve dolgu bu yüzden ilk

“Susy 2 Öğreticiler Mini Series 2 video eğitimi. Bu videoda, biz temel ızgara elemanları atamak nasıl göstereceğim. Ekstra özellikler için Pro Up Düzeyine abone o...”
LevelUpTuts

ne yapmak istediğinizi ihtiyacımız olduğunu bu nedenle bir kap yapmak Annie'nin grid sistemleri I ya da bir şey gerçekten Bir kap tanımlayan senin kapları tırmık içinde size malzeme olması gerekir O her şeyi ile taban böylece minnetle Susie ne beklediğiniz olduğunu ormandaki güzel gerçekten kolay karışımı yapar bu yüzden daha sonra da içerir ve bu Sadece kap şimdi Burada biz şimdi 60 ans ve benzeri bir şey koyabilirsiniz baş noktalı virgül sonra b

Susy Öğreticiler #2 - Temel Bir Tablo Oluşturma Resim 1 Susy Öğreticiler #2 - Temel Bir Tablo Oluşturma Resim 2 Susy Öğreticiler #2 - Temel Bir Tablo Oluşturma Resim 3 Susy Öğreticiler #2 - Temel Bir Tablo Oluşturma Resim 4

öyle yapar ve şimdi geri bizim sayfaya gelmek yenilemek ve bu altmış M 's kaplıyor görebilirsiniz ya da biz bile böyle bir şey koymak olabilir 800 piksel hızı veya Eğer sıvı düzen istiyorsanız daha iyi biz yüzde seksenini koyabilirsiniz tamam bu yüzden yüzde seksen burada var ve bu kadar sürecekse yüzde seksen bildiğiniz olursa olsun olursa olsun bu ne mahkeme, böylece bu harika Kap bir genişlik hakkını kabul eder ve bu set için gidiyor Burada gördüğünüz takdirde bar konteyner ve biz onların vücut üzerinde koy

mak yolu bu yüzden ama gerçekten vücudumuzun sadece margin-left olduğunu veriyor: margin-right: auto yanı sıra seksen yüzde maksimum sıradan dışında yani gerçekten hiçbir şey çılgın bir şey şimdi bizim iki alanda koymak gerekir Bizim ana ve bizim yan are ana içerik sütunlarda yapalım şunu biz aslında ince bir not yapmak zorunda değilsiniz Doğru Sanırım biz genel ayarları olabilir olabilir demek biz ancak tüm yapmamız gereken üzerine gitmek için gidiyoruz hangi Bu iyi bir temel sınıf yapmak için bir dakika biz burada yeni bir co ekler böylece buraya biraz yer almak ve biz ana ana içerik alanına söylemek için gidiyoruz ve daha sonra yayılma karışımı n kullanarak Yapacağımız ne kadar bu güzel yapmak bu yüzden olacak söylemek konum açıklıklı süresi dahil ve o zaman şimdi en biz olmak için bu ana içerik alanına istedi diyelim 8 Aşk oniki sütun bandı bakın 8 uzay% uh alan 12 ve daha sonra noktalı virgül şimdi bunu yapmak için gidiyor ile birlikte ne olursa olsun bir işaretidir oniki sütunlar yukarı ve böylece buraya gelip yenileme olmak ve bizim ana içeriği alanı artık Çar verildi görebilirsiniz 66.1 01 kadar Yüzde ve sol ve bir marj var sel oluyor nasıl bir 1.69 oranında fark oranı Matt oldukça derin hakkını gider ben kullanmaya yarar demek Böyle bir çerçeve daha sonra o matematik kendiniz yapmak zorunda değilsiniz olduğunu belki temelde sadece bir hata yere yuvarlama ya da bir şey var Bu olması gerekmez tam olarak yazılım şekil out yapabilirsiniz biliyordum ama Ne haritadır yüzden biz şu anda bu yüzden daha kesin var güvercini 12 ama yayılmış olan en diyorsun gibi basit gerçekten var on altı sütun ızgara istedim diyelim Sekiz F-onaltı ve şimdi buraya gelip bu halt alarak olacak Bir bu sadece gibi sağa yani 16 olur çünkü Tekillik bunu yüzdesi alıyor bu seyretmek durumunda Sütun aşk kaplıyor ki toplam konteyner sütun ve onun Bunu o bu sadece burada 16 sütun yaratıyor gibi değil için de bunları yapıyor Bir tamam diyerek 8 16 buçuk artı marjı bir kırk dokuz nokta 36 artı Bu bir nokta 26 yüzde gerekenlere eşit gidiyor Bu 4.92 eşit yüzde 100 başka bir artı Mahkeme, bu yüzden bu geri etsinler 12 8 sadece böyle Angeles olan yan bazı garip şeyler sırf yapıyor ana içerik alanları yükleme ve S tarafı o kadar değil tabii ki doktor girişi çıkardı ediliyor ve biz bu geri koymak gerekir ve söyle Bir tarafı da bir span kaplıyor ki böylece Lee bir yanını alır gibi ve en yayılma dahil karşılamak şimdi biz için söylemek istiyorum Onikinci virgül yenileme ne iyi oldu bizim tarafı aşağı itilmiştir Bu biri olduğunu umuyordum Onların oranı doldurdu çünkü Sekiz artı orman iyi ama bu ne anlamıyor pozisyon sağ Emin söyleyerek nerede bu 4-için-8 olduğunu ama o sadece düşünüyor 48 yani ne yapıyor şimdi sadece bunu doğru wyd gönderiyor Burada aynı zamanda bu margin-sağdaki veriyor doldurmak gerekiyor: biz bu margin-hakkının kontrol etmek olsaydı şimdi: Bunu burada bu hafif görürsünüz biz hiçbir marjı ile bu nasıl olabilir iyi bir çift başka şeyler yapabilirdi ama çoğu iyi şey bence Yapmak için bariz şey bu olduğunu söylemek için Dokuzuncu pozisyon sütunları oranı aşk Bu olduğunu size Susie söylüyorsun çünkü eğer 9 10 11 ve 12 its gonna başlayarak biliyorum o margin-sağ içine çok uç inç gider: daha bu böyle, çünkü böyle% uh sistemleri kullanmak neden Çünkü onlar onlar şimdi diyebiliriz sizin için başka şeyler yapabilirsiniz 9 at için 12 Yukarıda yüzden bu dört sütun olduğunu yukarı dokuzuncu pozisyonda oniki sütun başlayan Şimdi tazelede biz bu demek Hiçbir marj oranı sadece doğru miktarda yukarıda olduğunu Biz bu çünkü herhangi şimdi doğru miktarda aktı yüzde 80 olarak ayarlanmış iyi bir yemek ama değil sadece fark her şeyi bu yana yüzde olarak söz konusu Ben bizim sütunları sıvı ve bizim marj bizim borçlular aşk hem de bu yüzden biz ana içerik alana sahip 8 gerçekten temel notu serin Bir yan sütun ve bir sürü şey için Ben bu oldukça ölü yıldız doğru olduğunu demek ben demek biz gerçekten biz kod üç satırlık vardı bu biz bu dahil oldu dahil oldu ve yayılma ve kabın konteyner ve bu kadar ve bu notu gitmek olsun Şimdi bu sadece Susie yüzeyi var kaşıyor ve bir sonraki videoda biz yapabileceğiniz yeni şeyler bazıları hakkında konuşacağız sass haritalarla Susie için genel ayarlarını kurmak için ve Bir daha yapılandırılmış olması sadece bu yüzden değil, kademeli 8-of-12 sağ yüzden burada ne olursa olsun Bizim temel bir örnek ve biz öylece buradan daha fazla avans almaya devam ediyoruz Biz o vardı sereceğim için bazı asimetrik büyük bir adım duyarlı hale yapacağız sınıflarda hemen hemen her şeyi yeni sürümü hakkında bilmeniz gereken Susie öylesine kan tut 's keşfedilir için ve izlemek için teşekkür abone lütfen kanal yeni iseniz biz iki kez yeni videolar haftada genellikle Salı ve Perşembe geceleri var ve birkaç köy şimdi sahip seviye yukarı kesim destekleyen Başka bir aşk cihazı yanlısı bir hesap com düzeyinde versiyonu sıkı bir seviyeye geri alabilirsiniz nerede ekler Eğer böylece kontrol yaparken ve yeni özellikler alır biz sorularınız veya yorumlarınız duymak aşk her zaman olduğu gibi biz bunun için bir form var Sıkı seviyesi yukarı videoda bir yorum için çok teşekkürler bırakabilirsiniz izliyor ve sonraki birinde göreceğiz tarafından.

Açıklama

Susy 2 Öğreticiler Mini Series 2 video eğitimi. Bu videoda, biz temel ızgara elemanları atamak nasıl göstereceğim. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations

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

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



9.9/10

  • 117
    Olumlu
  • 1
    Olumsuz
  • 22
    Yorum
  • 15881
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Ben Vivona

    Ben Vivona

    24 Ocak 2010
  • DanceOn

    DanceOn

    6 Mayıs 2006
  • VitalyzdTv

    VitalyzdTv

    7 AĞUSTOS 2011

ANKET



Bu sayfa işinize yaradı mı?