23 ŞUBAT 2012, PERŞEMBE

Sass Öğreticiler #4 - Mixins Kullanarak

Bu nedenle bu o Nixon'ın in hakkında konuşmak için onların içine kesen düzeyi ile Scott ise şımarıklık Dördüncü için öğretici diyor ve texans nelerdir kod büyük parçalar ama disiplin değişkenleri ve onlar gerçekten güçlü bile argüman ileterek, çünkü Her olmuş tekrar edilmesi onların ihtiyaçlarını kesip varsa bu kullanışlı geliyor Bir kızak şekilde değiştirilmiş ve ben onu seviyorum yeniden yazmak zorunda istemiyorum Ben zaman bilinen geliyor bir şey onun Bir yaptığımız için gidiyoruz örnek kullanarak olacak border-radius: ve çanak çömlek iyi bir örnek çünkü ve bu satıcı önek gerek Tüm tarayıcıla

rda kod sözcüğünü var ve diğer düşük yakında biliyorum ve bu halledilir olabilir başka bir uygulama pusula ile Örneğin eğer fazla şirket arıyoruz ve bu kontrol edebilirsiniz Ben daha sonra öğreticiler yapıyor olacak a

ma şimdi bir gizem için bu işlevi nasıl ensest yüzden olduğunu yakaladı Bu border-radius üzerinde: burada kod ve biz yapmak duygusu içine bu yapacağız Biz border-radius kullanabilirsiniz: bütün yeniden yazm

“Bu nasıl Sass ile CSS kod kullanıcılara göstermek bir dizi 4 öğretici olduğunu. Bu eğitimde CSS, özellikleri ve seçiciler parçalarını yeniden kullanımı sağlayan ...”
LevelUpTuts

ak zorunda burada bizim kod boyunca üç satır bir satıcı önekleri her zaman ve gördüğünüz gibi biz bunun için burada yaptım olduğunu Arka plan gradyan maden suyu üzerinde tarafından doldurmasını sess Bu sadece şeyler biraz yapacak biliyorum kolay gezinmek için ve tek şey Seni son kez bu yana stilini değiştirmek için gerekli kulüpler yaptım bir put olduğunu Bu birinci fıkrada üzerinde char classic ile anlaşma ve bazı söylüyorum Paragraf giriş paragraf Buraya

Sass Öğreticiler #4 - Mixins Kullanarak Resim 1 Sass Öğreticiler #4 - Mixins Kullanarak Resim 2 Sass Öğreticiler #4 - Mixins Kullanarak Resim 3 Sass Öğreticiler #4 - Mixins Kullanarak Resim 4

görebilirsiniz ben bunu bir a vermek background-color: 333 ve daha sonra Ben de bu bağlantıyı bir rollover durumunu verdi diğer devletler ve ben o sıyrılıyor sadece bu yüzden backgroundcolors değiştirir Biraz daha Bu siyah arka plan üzerine bu gri arkaplan yüzden edeceksin ilk yapmak Anza CSS3 bu kodu kullanarak lütfen Bizim mix n yapmak için gidiyoruz satıcı önekleri hangi ve sonra biz bir karışımını içerecek şekilde gidiyoruz ve her yerde bunu kullanmak istiyorum Yapmamız gereken de sedan dinamikleri size ce

vap olsun: Nixon ve daha sonra isim ve Eğer mixin ve kolay şeyler güzel n tutmak için bu sınır yarıçapı çağrı vereceksin Yapmanız gereken bir ve daha sonra burada biz en Nixon adlı yapabilirsiniz zorunda değilsiniz onu göğüs ve sizin statik sadece tekrar tekrar onları yeniden kullanabilirsiniz ama burada bir değişkeni bildirmek seçeneğine sahip olan aa Bu kodu yeniden kullanabilirsiniz ki bu karışımı içine geçebilir bir argüman ve sen bunu istiyorum şekilde hırslı bir değişiklik biliyorum böylece güncelleme yaptım Sadece bunu bir argüman yapmak Eğer bir değişken SSE2 dolar işareti yapmak aynı şekilde çünkü ve yarıçapı bana DS yarıçapı ve seninle varsayılan argüman sağladı istiyorum gerçekten güzel şeyler duyuyorum Ben nedeniyle Colin yapmak zorunda ve argüman geliştirmek Şehri verecek bir daha burada büyük bir şey yapalım gibi bunu varsayılan olarak 20 piksel gibi Biz parantez içinde parantez yapmak için gidiyoruz nerede cum kız zenci bu kuyrukluyıldız burada bu yorumlar Justin ok daha sonra bu kadar ve bu yüzden burada yarıçapı var bir argüman bu geçirilir ne zaman bu nedenle argüman koymak ve olabilir karışmak bu argüman kullanmak için gidiyoruz ve o zaman varsa var Eğer sadece varsayılan kullanmak için gidiyor bağırsak vardır 20 piksel yolunda bu yüzden biz bu okay Micek var Tahmin hiçbir Arisa gibi ve zihinleri görünüyor dedi 6 beklenen o ben olacak yerleştirmek gerekiyordu ve ben de benim düşünce tamam olduğunu tıklayınız değiliz şimdi biz tekrar s denetler kurtarmak ve biz sarsıyoruz hiçbir şey olacak senin kuzen oldu edilmesi değişir bulunuyor Tüm yeni barkod henüz bir bu karıştırma kullanmak için Katı henüz gerçekten kolay ve kullanımı gidiyor ilk örnek Varsayılan argümanlar şey geçmek için gidiş değildir grad olan kiracı biz söylemek için gidiyoruz yaptım asla sınır yapacağız dahil biz herhangi geçen değil çünkü yarıçapı ve biz sadece burada bir virgül yapabilirsiniz argümanlar Seni görebiliyorum taze bana dışarı demek Fikir şu anda 20 piksel sınır yarıçapı var ve şimdi size tekrar istemek yeniden yargılama tüm yapmamız gereken kopyalama ve bu sevgili yapıştırın yenilemek ve intro şimdi yaptım da border-radius vardır şunlardır: 20 piksel kanalizasyon ve border-radius eklemek istiyorum: Burada bu linki derecesine: Bu bir background-color olacak ama biz bunu gibi daha fazla bir şey olmak istiyorum 20 piksel olmak istemiyorum Yapabileceğimiz 10 piksel zayıf ve macun Bu da border-radius şunlardır: duruşmayı tekrarlamak Biz parantez yapabiliriz ve biz argüman iletebilirsiniz o yüzden 10 piksel geçmek gidiyorum Bu yenileme kaydetmek cevapsız ve gördüğünüz gibi şimdi sahiptir Bir sınır 10 piksel yarıçapı ve bir sonraki derste biz üzerinden gidiyor gidiyoruz üzerine Mixins için var senin miras seçin diğer işlevler değerlendirmek ve ondan sonra biz içine almak olacak istiyorum Güneş pusula bazı daha gelişmiş uygulamaları değerlendirmek içinde Eğer varsa ve her zaman olduğu gibi bir daha soru bize bir bırakmak çekinmeyin Yorum veya bize bir e-posta Senin kendini istediğin fazla video görürseniz abone yardımcı Biz ne yapıyoruz Ben sadece takip bilmek istiyorum Bu izlemek için diğer kesimler ve sayesinde Scott ise.

Açıklama

Bu nasıl Sass ile CSS kod kullanıcılara göstermek bir dizi 4 öğretici olduğunu. Bu eğitimde CSS, özellikleri ve seçiciler parçalarını yeniden kullanımı sağlayan Mixins kullanımını kapsar.

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

  • 159
    Olumlu
  • 0
    Olumsuz
  • 14
    Yorum
  • 28007
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • 0TACTICAL0HIPPY0

    0TACTICAL0HI

    30 EYLÜL 2012
  • AutoklubZAPRESIC

    AutoklubZAPR

    17 Mayıs 2011
  • esnathesinger

    esnathesinge

    6 NİSAN 2009

ANKET



Bu sayfa işinize yaradı mı?