6 ŞUBAT 2015, Cuma

#8 Kullanma İlişkilendirme - Stylus Tutorials

Bu Toreros için çok ve bugün var olan hey biz hakkında konuşmak için gidiyoruz enterpolasyon ve stil size nasıl orada kim örnek size bir çift vermek bilinmektedir Enterpolasyon kullanabilirsiniz belki bir operasyon almak ve bazı dizeleri bazı değerleri için ve böylece CSS özelliği kullanmak biz gidiyor gidiyoruz check it out şimdi kubbe Hücre bu oluşturulan hangi önce yeni oluşturulan kılan en en bir göz atalım Bir WebKit öneki ile bizim sınır yarıçapı Bu aslında bir şey kullanabilirsiniz zaman mükemmel bir örnektir gibi pek Burada II interpolasyon bu sınır var yarıçapı esasen yeterl

i bakmak karıştırmak ve işte Ben sadece bir yarıçap ve onun gerçekten orada kapma kamerası sınır olarak bir halka değil, alanlar ve sonra sadece sınır en başka CSS özelliğini var diyelim iyi yarıçapı bu da WebKit Mozilla var

ve bu bahane gibi şeyler de yapacağız oluşturacağınız konum farklı CSS özelliği ile sadece bu gibi görünüyor başka ben nixon Model önekleri interpolasyon kullanılarak gönderildi yok olan harika bir yoldur Onla

“Nasıl çıktı Stylus interpolasyon kullanarak özelliklerini öğrenin. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level ...”
LevelUpTuts

r getiren yaparken kısmak hizmet etmek ve diğer bazı ödemek için Cody yaptı tekrar tekrar ve biz aslında bir karışımı n oluşturmak olduğunu ne yapabilirim Menands satıcı iki şey önek o yüzden bu sınır yarıçapının önce en elele gidelim Bunu verebilir burada ve biz sadece bu satıcı eli çağırabilirsiniz İki argüman biz ona bir özellik vermek istedim ve sen demek bu yüzden ve bir argüman aramak biz bir Şimdi biz aslında kullanabilirsiniz ancak metin olabil

#8 Kullanma İlişkilendirme - Stylus Tutorials Resim 1 #8 Kullanma İlişkilendirme - Stylus Tutorials Resim 2 #8 Kullanma İlişkilendirme - Stylus Tutorials Resim 3 #8 Kullanma İlişkilendirme - Stylus Tutorials Resim 4

ir Bu özellik bu küme parantezleri kullanarak böylece örneğin bu border-radius yeniden yapmak istedim: biz aslında sadece sadece burada böyle bizim mülkiyet değişken olabilir ve daha sonra Biz olacak burada bizim standart argümanlar olabilir burada dua eden değer bu nedenle bu temelde çıkış yapıyor olacak ne Bizim mülkiyet günlük pass ve şekilde argümanlar Şu anda biz içinde var bu özellikleri almak aslında yapmak istiyorsun, zaten bu karışımı ve korunan Carla diğer Nixon satıcı haftada mantıklı arayacaktım edi

ldi vardır Bir satıcı olarak ve sonra biz Senato gerçek iletebilirsiniz birkaç diğer şeyler gibi geçebilir özellik biz o kadar o border-radius olacak vermek istediğiniz ismi: tamam ve en aslında rahip izin Ben enkaz Evet orada bu karışım n içine geçen gittiğini Zaten milyonlarca böyle burada yarıçapı Tamam şimdi sen CSS derlenmiş olduğunu fark etmeli şimdi sadece söyleyerek border-radius değişti: ve MAS border-radius: 20: aslında sadece nasıl border-radius koyarak var ve biz onlar geçerken şık EEOC olduğu geri bakmak Burada sadece bu gibi sınır yarıçapı ray içine 20 ve bizim karışımı n bu çapındaki gidiyor ve satıcı içine geçen border-radius kullanarak yapar: Burada İtalyan Bu duvar içine geçen koyarak Özelliği olarak ve gergin interpolasyon vardır onun: I-yarıçapı sınır ve sonra dışarı tamam yani yarıçapı argüman koyuyor Bu artık daha fazla kod ise merak ediyor olabilirsiniz ve daha az kararlıydı var bu yüzden nasıl bu daha verimli yapabilir iyi biz burada bizim satıcı önek ekleyerek bu yüzden yardım etmek için can tarafından şeyler yapabilirsiniz daha sonra WebKit ve o hemen sonra bu Haftasonu sonra tekrar bu küme parantezleri ancak özelliğini kullanın bu yüzden web kamerası tire özelliği ve sanat yapalım Bu görünce artık WebKit şimdi daha iyi çıktı değerleri görebilirsiniz high-end border-radius: yani bu gerçekten çağırır Biz sadece sadece bu satırı kopyalayın ve sonra WebKit değişiklikleri yapabilirsiniz çünkü tenemos moze site bu ve şimdi her zaman border-radius akıl: ve web kamerası: o da bize mas border-radius veriyor border-radius: en biz bu bile üzerine genişletmek istedim diyelim geçen ay, ve bu yüzden başka bir css3 özelliği olabilir başka bir şey oranı taşındı belki var o zaman eski tarayıcılar bilim tek ve kullanım önek konum % uh geçiş xn yüzden geçiş diyebiliriz Sağ ve onlar olacak bazı argümanlar olacak pas konum bizimki ve bundan sonra ihale olacak ve sonra biz bu geçişi vardır kullanabilirsiniz yine o argümanlar olacak sert virgül çünkü ve biz şimdi geçişte olması gerektiğini düşünebilirsiniz Nixon, bu aynı çamurluk bir hale kullanıyor gidiyor o ve de ekleyerek gidiyor ekstra bir şey yapmanıza gerek kalmadan Bize olmadan önekleri daha yüksek gerçekten bir sürü ekstra yapmak zorunda Bir pusula baskını gibi şaşırtıcı bir şey düşünüyorsanız demek ve sas kullanarak IS: kapaklar sizin için satıcı önek ilgilenir ve bunu yapabilir kalemle şeyler de vardır toplamak vardır ancak bu inşa yeteneği sizin çok kolay böyle böyle kendi sürümü daha kolay olamazdı bu yüzden şimdi en go ahead ve baş let Nixon nerede şu anda geçiş sonradan görme söylüyorsun geçiş Geçtiğimiz değer 0,2 saniyedir koştu sadece böyle isim kolaylığı şimdi çoğunlukla gerçekten sadece başlangıç ​​oluyor bu bir gördük için içinde Tüm parite burada hücre hafta sonları bu yüzden biz bu durumda saydam Nixon olmak % uh temelde böyle parantez içinde uygulama şimdi tek argüman olarak tüm bu değerleri kabul var ve şimdi o var her 0.2 saniyede anahat onun geçiş görebilirsiniz Web değil geçiş 0,2 saniye kolaylaştırmak ve MAS edebilirsiniz Bu küçük bir karmaşa ile satılan ve hayır biz değil yağışlı burada satıcı artık satıcı eklemek mümkün olacak önekler eklemek için önek Kullanıcı nixon biz o Stanley olabilir interpolasyon gördük atmak merak biz sadece yok neden bize bu güçlendirmek için izin verir yerine burada kelime özelliğine sahip Bizim değişken kendisi Çünkü biz bütün mesele olduğunu görüyoruz yaparsam aslında text özelliğini yardım ediyor Bir nedeni ilk bölümü Ave beyan ve bir kalemle temelde bu olduğunu söyleyerek değer veren değil Düz Bu metni okuyarak vergilendirilen Silas, bu kıvırcık parantez içinde ve satış hey bu gerçek bir metin olduğu gibi değişken bkz dizge olarak bu değişken s yardım olmalıdır CSS özelliği ve iddia gerçekten değer çünkü gerekmez alrighty yüzden bu enterpolasyon nasıl kullanabileceğinizi sadece hızlı bir örnektir ünitenin ile stilist belgeleri şimdi hepiniz yardımcı olmak için de bu kararname yapabilirsiniz can mantıklı sonra başka bir marka duygusu ile kullanılacak ya da belki onu alır bir şey var senin için açmak gibi bazı değerler hemen hemen bir personel ile oluşturabilirsiniz nereye sınırları olduğunu Gerçekten sadece Mike çok değil senin hayal gücüne kadar ve bu şeyler zaman gerçekten değer gitmek keşfetmek diğer insanların şık bir paket oluşturulmuş onlarla bir konudur Kendiniz için biraz serin şeyler yaratmak için bazı fikirler bazı örnekler almak için Her zaman olduğu gibi bu içinde gallup öğreticiler herşeyi sorular veya yorumlar ise Eğer Camelot dokunma ile karşı karşıya olduğunuzda biz duymak seviyorum ama birçok organizmada yaygın senden izliyor ve biz I yanındaki göreceğim için teşekkürler.

Açıklama

Nasıl çıktı Stylus interpolasyon kullanarak özelliklerini öğrenin. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

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

  • 21
    Olumlu
  • 1
    Olumsuz
  • 3
    Yorum
  • 1251
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DorkmanScott

    DorkmanScott

    14 NİSAN 2006
  • LearnKey

    LearnKey

    19 AĞUSTOS 2008
  • NLthomas21

    NLthomas21

    20 Mayıs 2008

ANKET



Bu sayfa işinize yaradı mı?