9 Ocak 2015, Cuma

#4 Mixins Pikap İğnesi - Stylus Rehberler İçinde

Hey whats bu kadar bugün çok öğreticiler kaplıdır Biz nasıl Nixon adlı stilistler kullanmak için size göstermek için gidiyoruz Şimdi bu sizin ilk CSS önişlemci ve Nixon olduğunu Size bir yabancı kavram olabilir ama eğer Sasser aksine San geliyorsun Son uzatma evde sağ hissediyorum Ne Nixon adlı kalemle hakkında harika onlar sadece bu yüzden olduğunuzu kolay onlar neredeyse erkeklere göre daha iş tanımlayabilirsiniz tamamen şeffaf olduğunu hatta Herhangi sözdizimini kullanarak ve o mantıklı kullanmak asla biz göstermek için gidiyoruz merak etmeyin Eğer hepsi hakkında ne konum ve onla

rı en iyi şekilde nasıl yüzden içine almak için gidiyoruz izlemeye devam şimdi bu yüzden bıraktığı yerden ben stil şu anda çalışıyor ve biz var pick up Bizim CSS Burada bizim tarzı üzerinde biz ne yapmak istediğinizi şimdi

üzerinde burada başlar artık mantıklı tanımlamak olduğunu bir karışımı nedir ve iyi nixon gerçekten sadece bir olduğunu Paketteki oluyor grup aşk kodu Bir deyim doğru bunu bir bütün yeniden gereken şeyler o

“Level Up Öğreticiler yeni Stylus öğretici serisi ile Stylus CSS öncesi işlemci katmalar nasıl kullanacağınızı öğrenin. Ekstra özellikler için Pro Up Düzeyine abo...”
LevelUpTuts

labilir sattı demet Belki Clearfix ve bölgeler ve sahip net düzeltme sınıf gibi Sadece net resimler çekmek ve bu sınıf var nereye için kullanılabilir gibi uygulamalı Clearfix Senin için ihtiyaç duyduğunuz her zaman 8 Clearfix mix n var olabilir ve CSS Diyelim ki bir şey vardı diyelim Burada ana kap içinde yüzen ve istedim bu kabı Clearfix için Eğer sadece basit sadece burada kullanarak tarafından nixon içerebilir Biz açık bir faks olsaydı eğer içerle

#4 Mixins Pikap İğnesi - Stylus Rehberler İçinde Resim 1 #4 Mixins Pikap İğnesi - Stylus Rehberler İçinde Resim 2 #4 Mixins Pikap İğnesi - Stylus Rehberler İçinde Resim 3 #4 Mixins Pikap İğnesi - Stylus Rehberler İçinde Resim 4

mek biz sadece söyleyebiliriz bir nixon Sadece böyle n içinde Clearfix şimdi bu kod tüm ek getirecek kod Ben Nixon olduğunu düşündüğümde çok iyi onun aslında bir değişken gibi Eğer referans yeniden nerede o ancak bir karıştırma gibi şeyleri kabul edebilir argümanlar tamam bu yüzden iyi bir örnek kullanım sağlar yaptın ASES s3 özellik border-radius: bu nedenle est analistte MXN tanımlamak o sadece sadece Katmalar adı daha sonra olacak ve oluyor olacak Oranı zorunda Parantez ile takip edin Hücre biz sınır yüksek s

on tahıl yıl söylemek istiyorum ve daha sonra böyle parantez anında boyama hata kodu bu olduğuna karar bakınız aslında bunu görebilirsiniz şey, bu nedenle yeşil arco rengi standart CSS özelliğini GST değil bilir Şimdi biz şimdi ekleyebilirsiniz üzerinde taksiye butonu ise Bu elde edilecek istediğiniz CSS yapar arkadaşlar biz sınır yarıçapı kullanmak isteseydiniz Haven WebKit şimdi ne çocuk tarafından WebKit sınır yarıçapı ve bu beş piksel gibi bir değer vermek Şimdi önümüzdeki biz sınır 3ds kaydetmek istediğiniz piksel tamam şimdi ne is a Bu burada yağmurda kılan bu kod bit içeriyor ve her zaman biz bu karışımı kullanmak en ray burada bu kaydedilmiş diyelim Buraya oluşturulan CSS zaman kontrol edildi şimdi bizim vücut main değil sadece piksel ama sınır yarıçapı alır Ayrıca WebKit alır border-radius: piksel tamam bu yüzden bu biraz olabilir hey varlık ve bu alabilirsiniz sadece en temel örnek hakkında beş olmak: Şimdi diyelim ki hep benim border-radius istemiyorum neden düşünme diyelim iyi piksel kızakların gelir argümanlar gibi şeyler bir argüman iletirsiniz bu nerede ve biz sadece sana gereken bu herhangi bir özel isim ensest verebilirsiniz dolar işareti ile bu önek Bunu yapmazsanız değişken ve kalemi bildirerek olarak aldı Hastalık sadece bir ortak tema kalemle boyunca olduğunu sass değil orada gelişme, bir lotta Syntex kullanmak zorunda değilsiniz tanımlamak için kendi kıçından herhangi sahip dis yapar aslında hey bu bir karışımı na olduğunu beyan ederim Yapmanız yolu daha sonra stilist bir işlev aynı lider Claire sadece biz istiyorsanız gerçekten güzel n Kolay yüzden bu Seas yazdırmak şey gereğidir var Bu border-radius: hepsi yerine burada bir argümandır yarıçapı veya ismini istediğiniz zaman olduğu Şimdi zaman sen can bu iddiayı kullanmak istediğiniz Aslında bunun için artık yarıçap böyle söylüyor Burada bir değere geçmek olacak payı olduğunu çalışacak bu yüzden bu farklı bir şey olmak istiyorum ve beş piksel söyleyebilirim sadece sadece böyle javascript fonksiyonu gibi şablonlar Burada argüman geçirerek onun bu onun değeri atanan alıyorum değer diyorum sonra onlar kabul etti ettik böylece daha sonra bu özellikler için kullanılan RCS olduğu açık şimdi border-radius ise: 10 piksel border-radius: ama sınırdır 10 piksel tamam bu yüzden bu argümanları kullanmak nasıl Burada yaklaşık hemen hemen her zaman bu beş piksel olmak istiyorum ne Onun dışında değil mi ve bu nedenle yatak dendiğinde belki de en çok zaman sadece border-radius yazın istiyorum: Sadece bu süre gibi biz aslında tasarlayabilirsiniz ama biz aslında bir atama karar verebilir diyerek sadece burada bu değişkene bu argümanı değeri defile sadece böyle 5 resimlerim eşittir Bizim değişken bildiriminde ve herkes bunu yapabileceğini daha değişken olması virgülle argümanlar olduğunu ve biz bu gönderirseniz Eğer biz burada bir şey tanımlı değil olsa bile biz geçerken olduğunu görürsünüz Bizim mix n içine argümanlar biz üzerinden istiyorum ve daha sonra 15 derseniz hala oluyor o ancak piksel tarafından o geçersiz kılar ve bu kavga pikseller kullanmak değildir Şimdi Nixon'ın a ile yapabileceğiniz bazı serin şeyler nelerdir yapamayacağınız Diğer ÇSP işlemcilerinde aslında hizmet etmek mantıklı kullanabilirsiniz nerede değiştirmek özellikleri kadar kadar Bu border-radius var: mülkiyet hakkı ve biz aslında aynı border-radius olsaydı ne olurdu: Aslında böyle 15 piksel farklı 50'den edelim kullanımını kullanıyordum 20 sadece bu yüzden bunu düşünürdüm farklı Bu o olur basitçe çıkış border-radius: 20 piksel ya Biz kimiz Çıktı led klavye Arabistan'ın Tony border-radius: 20 de başka bir CSS preprocess senin sadece mülkiyet listelenen almak için gidiyor Bu özellik aslında bir karışım n olarak tanımlamıştır ancak bu yana Bu da mix n kullanabilirsiniz gidiyor derlenmesi olduğunda yerine sadece standart özelliği daha ne ben burada demek biz kurtarmak olmadığını görmek için bu ve bizim CSS check out sadece border-radius: Biz eski kamerası border-radius olsun: Bir burun yapar gibi işte bizim Syntex ada olarak görülüyor İçinde bir X bir karışımı gibi görünmüyor ve bir özellik gibi görünüyor ama biz sadece söylüyorsun sezgisel border-radius gerçekten: 20 piksel ve biz bile olduğunu fark etmek zorunda değilsiniz CSS bunun ve şeffaf yapar yani tüm bu ekstra şeyler koyarak dışarı Nixon adlı ve stilistleri ile ilgili benim en sevdiğim özellikleri Bu en doğrusu orada Clearfix dışarı inşa izin bir örnek daha yapacak Konuştuğumuz vardı nixon Açtığı bu yazının yolunda söz yüzden yapabileceğimiz tek şey biz sadece kendi net şeyler gibi bir şey tutmak için ve yetenek yapar hale CF gibi kısa o bir şey çünkü belki satılan bir çok kullanırım Ben CF parantez diyerek sadece bu karışımı tanımlayan ediyorum ve amor amo te diyelim bir farz ve sonra biz kullanabilirsiniz Bir sürü sırasında işareti daha giriyoruz olan anne ve biz uzayda sonra işareti söyleyebiliriz ve sonra bir sonraki satırda işareti kolon dört olmak Şimdi biz aşırı dokunduğunuzda söyleyebiliriz İçerik bu hizmet standardı net faks geçerli: ve ekran Tamam tablo ve daha sonra sonra söylemek için gittiğini açık Tamam bu yüzden şimdi bu ona sahip olacak Clearfix nixon ve biz bu kullanmak istediğiniz herhangi bir zaman Her zaman sadece CF demek yapmak zorunda kaydetmek ve vücudumuzun tüm bu almak olduğunu fark edeceksiniz Clearfix ölüm Easy güzel n düşmesi istiyorsanız eğer öyleyse Yapmanız gereken tek şey sizin Stella'nın projeye Clearfix yapmak güzel n Kolay Mac göndermek ve her zaman size açık bir senin yüzer Bu ukrayna nasıl kullanılacağı nedenle sadece deprem kestirme kullanarak yapabilirsiniz Nixon adlı yapmak için bir çok şey var mantıklı ve yapacağız hiç gidip konum bir kez daha fonksiyonları gibi olmuş bitmiş şeyler daha vardı operatörler enterpolasyon conditionals sağlamalarının CSS preprocess var ve özellikle Stylus güzel şeyler her türlü böylece soruları verilen bir kavga yukarı öğreticiler zahmetlidir her zaman Bira gelip todds at düzeyde Facebook oldu izliyor ve biz sonraki biri görürsünüz için teşekkürler.

Açıklama

Level Up Öğreticiler yeni Stylus öğretici serisi ile Stylus CSS öncesi işlemci katmalar nasıl kullanacağınızı öğ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



10/10

  • 32
    Olumlu
  • 0
    Olumsuz
  • 7
    Yorum
  • 3015
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Bach Vlogs

    Bach Vlogs

    18 HAZİRAN 2011
  • The Onion

    The Onion

    14 Mart 2006
  • Toddler Fun Learning

    Toddler Fun

    8 ŞUBAT 2013

ANKET



Bu sayfa işinize yaradı mı?