8 Mart 2012, PERŞEMBE

Öğreticiler #6 - Küstahlık Yapılandırılabilir Oluşturma Şekilleri Kullanarak Mixins

Hey bu Scott düşük kan testleri ve bugün naber olduğunu gidiyor sass öldürür tesviye edilecek ve biz gelmeden önce güzel olacağını düşündüm pusula içine Henüz örtülü değil sass temelleri dersleri oldukları birkaç şey daha eklemek 10 köpeklerde sadece eve çekiç başladı Ben bunu mantıklı yapabilirsiniz nerede ve bu NFL ile karıştırmak kolay olurdu ifadesi ve bu video gerçekten bir kaç şekiller yapma Bir daire ve üçgen olarak ve bu durumlarda Bir biz sadece bir curling onlar bu yüzden kullanıyor gidiyoruz tıklayın ve ben bir kullanıyorum çünkü hiçbir şey doğru şimdi tuttu gördüğünüz gibi görüntü değişti

rme ve aslında değiştirilmiş bir sürümünü kullanarak Ben görüntüyü öyle bir yedek tekniği aşk html5 Demirbaş geç dalgalanma bunu görmedim eğer aslında 6 Mart bu blog yazısı olduğunu 2012 hakkında biraz açıklar çalıştığı how

oldukça serin ve bu yüzden şimdi ben genelde bazı Şuna I can onunla texted bakın demek dışarı bizim daire ve üçgen bağlantıları göreceksiniz ve bu yüzden geri olamaz yani ilk yukarı biz nixon hatırlıyorum eğe

“Bu nasıl Sass ile CSS kod kullanıcılara göstermek bir dizi 6 öğretici olduğunu. Bu öğretici ifadeleri bir daire ve bir üçgen oluşturmak için eğer kullanımı ile y...”
LevelUpTuts

r öyleyse bizim daire nixon oluşturmak istiyorsanız öğreticiler olacak edildi yapmak Nixon ve daha sonra burada Biz daire gibi adlar vermek için gidiyoruz ve daire nixon biz tek parametre olarak geçirmek için gidiyoruz ve biz size gidiyoruz ve sadece bu parametre ile birlikte daire oluşturmak bu yüzden bunu vermek istiyorum o at ile geçmek zorunda olacak ve oluştururken o aşina değilseniz ve CSS içindeki çevreler temelde sadece ben oldu

Öğreticiler #6 - Küstahlık Yapılandırılabilir Oluşturma Şekilleri Kullanarak Mixins Resim 1 Öğreticiler #6 - Küstahlık Yapılandırılabilir Oluşturma Şekilleri Kullanarak Mixins Resim 2 Öğreticiler #6 - Küstahlık Yapılandırılabilir Oluşturma Şekilleri Kullanarak Mixins Resim 3 Öğreticiler #6 - Küstahlık Yapılandırılabilir Oluşturma Şekilleri Kullanarak Mixins Resim 4

ğunu yapmadıysanız oldukça basit Aynı genişlik ve yükseklik ve ardından sınır yarıçapı en azından kendi yüksekliği ile gerçekleşmesi tüm kenarları ve sonra tüm bu yüzden bir daire yapmak Bu otomatik gidiyor biraz hücresi ve Bizim karışımı içinde biz sadece gidiyoruz ve sınır yarıçapı ve CSS3 lütfen var ve soru yine önümüzdeki birkaç öğreticiler bu hale ve artık bunu yapmak zorunda kalmazsınız C Hala böylece yorumlar dışarı kedi Seksenlerde Kolej Nixon en önce bir şeyle bir değişken kullanın Yeni yeryüzünde yer ve sınır yarıçapı am

a aynı zamanda Eğer biz var yapmak zorunda daha fazla bir şey biliyor üzerinde biz biliyoruz biz hepsi çünkü iki ile biz için gereken olacak bölmek değil Sınır yarıçapı Bir çember ile oluşturur böylece Tabii WYD olacak ve Nefret de olacak ile zaman ve yani şimdi biz kullanmak istiyorsanız bunu başarılı olursa nixon biz bunu daire bulunmaktadır ve sonra ben ne olursa olsun kızımız Ben sadece bu yüzden görebilirsiniz 100 piksel yapalım, bu istenilen edeceğiz o eylem ferahlatıcı yaptığımız bizim daire olduğunu 200 piksel daha büyük bir daire tasarruf ve üzerinde satmak biz bile eklemek istedim ki başka şeyler biliyorum olarak arka plan Bir başka parametre sadece biliyor musun olabilir Renk ve sonra yukarı şans tesisi ve burada kaynak Ne olduğunu biraz Marcone'yi bkz biliyorum ve bir saat ve onu geçmek O virgül ve sonra bizim renk değeri o zaman biz her türlü ihtiyacı tüm etrafında değiştirebilirsiniz K refresh ve her zaman size aynı daire verecekler var böylece oluşturma var: Doğu Çember içinde olduğu gibi ve Nixon değerlendirmek biz bir üçgen oluşturmak istedim ne olur CSS in üçgenler oluşturma aşina değilseniz ve oldukça basit CNC ve CSS Tricks var ve o hemen hemen veriyor bu sınırları o tür yolda var sınırların bu şekilde var Ona bir verirsen bir orada doldurun AB'nin Eğer bir sol vermek bu durumda diyelim büyük wyd sınır ve daha sonra dereceli bir üst ve alt sınır ama sonra şeffaf bunları ayarlamak Bu üçgen kenarları oluşturmak için gidiyor bu yüzden ben bunu büyük bir sınır-sol alarak şeyler: biz bu karışım n yapmak istiyorum sağ hücreyi işaret bir ok yaratıyor güzel ve yapılandırılabilir bu yüzden yapacağız o ans geçen olacaksın sup yüzden olacak olan geçirmeden olacaksın yapacağız bunu kendi yönünü geçen olacaksın ve yapacağız bunu tepe rengini geçen olacaksın Bu durumda ben kalacağız nedeniyle rengine geçen gerekir Bir arka planda değil sınırda rengi ilan çünkü Güneşli muhtemelen sınır rengi verilmiş olur olabilir dış ile bu biraz daha güzel olabileceğini ve senin kodlama için ne zaman bu yüzden olacak şekilde bu büyük ile yapmak o ve başka ifadeler olacak burada do ve biz eğer yapacağız yönü yukarı never say eşit ve biz istiyoruz gidiyoruz ve burada bu kodu yakala Aslında burada ona bir yüksekliğe sahip bu sürebilir bakın ve biz bunu istiyoruz çünkü size rağmen çalışıyorum ama konum e planı Nixon biz zaten belki de çalıştıkları için ihtiyacınız olan her şeyi dejenere Sadece orada bırakın ve bu nedenle bu bir yukarı olacak Üçgen yüzden sınır-sol istiyorum: border-sağa: ve border-bottom: ve tabii sınır alt gidiyor tek alıcı olmak Bizim renk ve diğerleri almak gerekiyor Bizim yol ancak Tamam biz yapacağız ve başka bu kadar varsın Eğer ve daha sonra biz yapacağız yönü yapmak tekrar yönünü kontrol için gidiyoruz eşit olduğu ve aşağı doğru istediği Aynı yollar tuş takımı burada Onun kopyasıyla ve burada bu yapıştırın ve bu sefer üzerinde Biz onun aşağı gidiş beri değiştirmek istediğiniz sol tutmak ve sağ ancak biz sadece edeceksin bu olacak border-top var: bu yüzden geldi Şu anda bu yönde kontrol ediyor ve o zaman denetleyicisi ile sizin renk geçirerek Terminal hemen hiçbir yaşanan sorunlar ve herkes bir kolej nixon olmalıdır bu yüzden en doğrusu sadece emin her şey iyi gidiyor yapmak için bunu test sağlayabilirsiniz Dikiş dahildir ve sonra kalacaksın bunu Daha sonra çin bebek ve deneyin ve tabii ki olacak 200 piksel onu geçmek konum Çar biz o kadar söylemek için gidiyoruz ve biz 8 bir renk vermek için gidiyoruz dışarı kurtarmak Belge tazeleme ve bizim büyük var üçgen ve aslında gerçekten serin bu yüzden şimdi o aşağı değişti çöp, bir are aşağı üçgen var ki kurtarmak bu yüzden bizim daire kadar büyük aslında iki kez bizim üçgenler fark ederseniz ve biz de 100 ve 200 var olsa bile ağırlıklı CSS üçgenler bu sınır çalışmıyor bu kez 200 200 sınırları İstersek bu yüzden bu üçgen olmak İstersek bu üçgen daire bu aynı olması için nereye aslında bir ETA iki bütün bu meydan okudu bu yüzden şimdi sen üçgen olduğunu görebilirsiniz Aynı wid yüzden biz bu bitirmek eğer Çok çıkışlar buraya yapıştırın gibi ve Gittiğin zaman çünkü ben bu kadar yolda ikiye bölmek vermedi görebilirsiniz sol ve sağ Aslında burada bu mesafe olacak olan ilgisi Burada doğru giderseniz gördüğünüz gibi yani Eğer geniş 200 piksel bulunuyor görebilirsiniz eğer öyleyse kadar biz bir şey istedim Bir yalnızca altında 800 piksel genişliğinde biliyorum O yüzden şimdi burada bu yeniden kullanılabilir nixon var o kadar basit olduğunu biliyorum biz istiyorum her zaman ve değişim Bir blok elemanı gibi de üzerinde her şeyi Disk üçgen olmak ve bir renk değeri n geçmesine geçer etmek Performans biz şimdi Brad taze kurtarmak geçti ve Herhangi bir sorunuz veya yorumunuz varsa üçgenler de bu ders için bu kadar Yorum bırakmak olduğunu ne zaman YouTube videoları ya da bizi bir göndermek için çekinmeyin mesajı doğrudan ve bir kez daha bu kulüp tut en ve izlemek için teşekkür Scott.

Açıklama

Bu nasıl Sass ile CSS kod kullanıcılara göstermek bir dizi 6 öğretici olduğunu. Bu öğretici ifadeleri bir daire ve bir üçgen oluşturmak için eğer kullanımı ile yapılandırılabilir katmalar nasıl oluşturulacağını kullanıcıları gösterir. Daha Sass temel öğreticiler Pusula öğreticiler yakında birlikte yolda!

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

  • 109
    Olumlu
  • 1
    Olumsuz
  • 15
    Yorum
  • 19712
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ArkticPlanet

    ArkticPlanet

    9 ŞUBAT 2010
  • FD2097

    FD2097

    21 HAZİRAN 2009
  • Top Gear

    Top Gear

    27 Mart 2006

ANKET



Bu sayfa işinize yaradı mı?