1 HAZİRAN 2015, PAZARTESİ

Sass İle Başlayın: Düğmeler (5/6)

Şimdi biz düğmeleri için hareket ediyor Bu başka özelliği size bize getirmek için gidiyor hangi küstahlık nixon en yapacağız mümkün olduğunca zeki olmaya çalışıyor konum olduğunu kullanarak, gelecekte bizi nixon zamanının büyük miktarda tasarruf esasen fonksiyonları gibi hangi Sadece düğmeleri dışarı ütü ile başlayalım Burada bir yere içinde ve her zaman olduğu gibi yazacağım bu fıkra uyarınca, sadece hızlı işaretlemek Tek bir düğme oluşturabilirsiniz sana gidiyorum öylece oturup bir çapa bayan bir sınıf olabilir olmak düğmenin ve burada Houston Texas tamam gibi bir şey söylemek o an sahip var örneğin

daha fazla bilgi Orada link evin içinde bir güzel görünümlü bir parçası haline dönüştürmek istiyorsanız, bu Bunun üzerine vurgulu etkisi ve biz oluşturarak bu yapacağız gidiyor yeni bir bileşen lisanslı ISSS çağrılacak B

en güvercin beri ama o zamandan beri bizim main var biz zaten bizim elemana uygulanan ettik bize ve seçici ve sadece temelde zayıflatmak yüzden olacak buralarda styling onu değiştirmeye cop görün

“Bize renk ve boyut kontrol etmenizi sağlayan temel bir düğme bileşeni oluşturmak. Biz de Sass işlevler gibi hareket katmalar, tanıtmak. Https://www.youtube.com/p...”
Codecourse

tülenen ve inline-block yapacağız vereceksin yukarı bir şey ekleyerek düğmeleri üst ve altta 8 piksel demek Sağ ve sol Copsey 14 bu değerleri ayarlayın Bir dizi metin dekorasyon kazanmak: dışı O bitti, böylece sadece orada bizi etkileyen altını gerek Bir kez şu biz sess sonra bunu vardı böylece şimdi ve yenileme sadece var Özel an seçmesi de büyük değil haritalar ne yapacağız Sadece bazı bu biz gidiyoruz olduğunu kapatalım Burada hey sınır yarıçapı ayar

Sass İle Başlayın: Düğmeler (5/6) Resim 1 Sass İle Başlayın: Düğmeler (5/6) Resim 2 Sass İle Başlayın: Düğmeler (5/6) Resim 3 Sass İle Başlayın: Düğmeler (5/6) Resim 4

lamak ve bu arşivleri burada bu bulmak çok değişken olacak ve tekrar her daha fazla değişken eklemek için çekinmeyin tamamen size ve havalı Busan kadar daha birçok özellikleri Sınır yarıçapı ve biz bu beş piksel demek ayarlarsınız böylece iç düğmeleri artık diyebiliriz Watson sipariş yarıçapı ve şimdi ne yapmamız için gidiyoruz Standart background-color kümesi içinde: ve bu sadece tutulur arka plan rengi bir parçası olacak sigh lawton BG Biz Nash adlı önde gidelim Henüz bu yarattı ve şimdi oluşturulan ve sahip renk değiş

kenler Sadece İngiltere, bu aşağı Patton'ı demek beachy renk ve size gidiyoruz Standart Austin BG renk verin bir başka değişken değeri olarak Bu yapmak isteyebilirsiniz başka bir şey tanımlanan söylüyorlar ve farklı uygulamanız için standart yaygın olarak kullanılan renkler Sadece renkler olacak duyuyorum birincil demek diyelim karla tabii ki biz gibi şeyler ayarlamak için kullanabilirsiniz 2-renk için bir kap olarak biz istedik Eğer bu ve bunu yapmak ve söylediklerine tamamen size kalmış O e0 e0 biri daha ben şimdi bunu kolay doğru Ben aslında dipleri bina sadece prematüre Ben set başarı renk değilim Eric bizim de başarı renk yeşil renk olacak ve bu kaleminde 5 seçim Fc4 biri o şirket renk paleti bakmak göremiyorum filistinliler Ben de şimdiye kadar renkleri ne yapıyorum casus kırmızı olacak hangi 2828 BB ve ne şimdi o yapabileceğimiz patent BG renk güvenli birincil renk birine o göndereceğiz primer rengini değiştirmek Biz ana renk şimdi değişti ya da başka birincil kartı kullanmak ettik bileşenler ve nasıl dizayn bu yansıtacak şekilde güncellenir olacak Standart renkler yani tamamen size kalmış bir ikincil olabilir ne renk o da istediği ve genellikle bu sadece silinen yapar şimdi biz şeyler ve copları neler yapabileceğini tüm tasarım güncelleme Sadece biz nasıl alabilirim bakın ben nasıl ve dilbilgisi taze için söyleyebilirim Biz geri almak bir birincil renk Arka planda gri renk şimdi gerçekten aslında olacak bu değişiyor Daha sonra biraz karışık dahil duyuyorum ve bu beni üzerinde gezdirin satın yapmaktır gidiyor bir Eğer bir geçiş içinde başlamak bir TF noktası 8 söylüyorlar gidiyor Geçmişte üzerine geldiğinizde o olacak birine gidecek ve herhangi yüzden biz bu yapar kullanabilirsiniz ulaşmak için bir karışımını kullanmak Başka bir yerde şimdi tasarım ama önce sorunu çözmek edelim Farklı büyüklükte düğmeleri bu yüzden herhangi biridir gerçekten kaba bir örnek ve ben bu buraya bulmak için kulüpler böylece fileleri sadece Çoğunlukla bu çoğaltmak baton orta Sabina var iki düğmeli elemanları tek tek bir olacak bir orta boy olacak Standart bilimi yani otobüs ve orta bir pan a sahip 10 piksel 16 piksel bir yazı tipi boyutu var 21 am artmış ve biz eski beyaz var Bize verir 500 iç çekiş Biz her zaman önde ve adil değişim gidebilirsiniz aşağıdaki Bu çevrede, aslında karısı 500 vereyim Aşk sadece aptal Olur dis biraz daha büyük olan daha hatta yapabilirsiniz t bunu tamamen size kalmış olduğunu istiyorsanız bu ile şehir etrafında doldurabilirsiniz biz de ona son büyük eğlence olmamızın sebebi ve işte içerlek dolgu ile bu konuda daha yüksek piksel 12 set 18 piksel font-size eğer: UHV 1,1 m ve artık bir şekilde bir sonraki kırk bulmak gerekmez neden burada ve daha sonra biz ne zaman biz aslında daha da büyük bir BOUGHTON olsun Biz bir düğme var biçimlendirme bulmak Büyük gibi site şimdi üç farklı büyüklükte boston adlı aldım farklı renkli düğmeleri hakkında ne diyeceğini Ben gonna say bizim başarı ve Eric renkleri dökülmek çözmek düğme başarı biz ayarlamak için gidiyoruz Size burada arka plan rengi başarı renk ve nasıl Martin dönemi böylece kendini tutuklama düğmesi vardır Size arka plan rengini ayarlayabilirsiniz Hiç renk ve bunu yaparken Renk Martin yanında hiç Metin rengi de başarı için benzer bir şey yapacak Bu başarı metin rengi ne var biz dahil etmek istediğiniz burada değişkenler bu var böylece düğme başarı metin rengi demek beyaz kuruldu ben aynı yapardı dönemi renkler de yan Biz orta söyleyebiliriz böylece biz sadece bu sınıflar geçerli değilse başarı ve düğme orta çağ Büyük Harris yeniden açın: Şimdi farklı renkler burada göremiyor bu yüzden bu kolay kullanabileceğimiz acıyor vardır başa maliyet bina nixon olabilir size inşa etmek Eğer bu konuya pek istiyorsa doldurma artan Burada yapabileceğiniz şeyler ama biz mixin oluşturmaya odaklanmak için gidiyoruz Bu aslında bu arka plan rengini ayarlar düşük biraz daha az içine otobüs Hatta size geçmek ve artırmak için gidiyor üzerine biz hover Biz neler yapabileceğini geçmiş değeri kursu Biz Hofer gibi bir şey diyebiliriz olduğunu ve daha sonra bir hafta ama neden atık burada arka plan rengini değiştirmek aksine yeniden kullanılabilir fonksiyonu üzerindeki laboratuvar biçimlendirme yazma ve çuvallar içinde o Mixins olarak anılacaktır mcrainey için bizim yer tutucu değişkenleri tutmak bir yer bulmak ve ben arayacağım Bu Nixon adlı Sess için ve burada sonra bir karışımı ins tanımlayabilecek ve ben tanımlayan olmak sizin için gidiyorum Bir mixin Colt Hofer arka plan RINEY değil misyon inanılmaz isim çifti şimdi onunla başa çıkmak için Ben bir işlev gibi aynen dediğim gibi ve bu işleri tanımlanacak biz ona bir isim vermek bir karışımı olan biz biz geçebileceği argümanlar var bir liste var onun kadar biz olabilir Burada birden fazla argüman ve burada içinde biz özelliklerini ayarlayabilirsiniz Eğer tabii ki de ilk neden sistem yer tutucu düşünce olabilir bir değer parti olabilir farklılıklar Ben nixon kulüpler içinde ve biz bu değeri kullanamazsınız öyleyse neden şimdi yapabileceği, örneğin ben de ben arka plan istiyorum söyleyebiliriz olduğunu renk RGBA hizmetleri olmak Cts RGBA fonksiyonu hola .8 geçen Tüm biz burada yapıyoruz dediğimiz zaman aynıdır Bu fonksiyonel nixon bir yaka geçmek otomatik bir pastie 2.8 azaltıcı bir arka plan rengi özelliğini ayarlayarak edeceğiz Eğer çalışma yarın bu yüzden neden kullanışlı olduğunu bir dakika içinde görürsünüz bu yararlıdır daha ilk önce bu karışımı uygulayın nasıl düğmeleri dikkatli burada arka plan rengi dahil ettik nerede Burada ve burada da o kadar Bir Nixon dahil etmek kullandığımız Böyle deyimi içerir ve biz sadece isim nixon eğer verin ve biz renkli geçmesi Biz ülkenin Martin BG renk biliyorum çünkü ve biz bu değişkeni iletebilirsiniz rektal o nixon içine ben de aynı şeyi olacağım Buraya burada bir şey başarı rengini geçen edilecek bunun yerine ve biz aynı şeyi yapmak istiyorum Şimdiye kadar biz passin istiyoruz era rengi Bu Nasher bit iyi düşünme kayıp gibi neden bu yapıyorum neden sadece bir mixin veya işlevi yarattı ediyorum var Geçmişte size azaltmak paranın sadece bu tüm hakkında olduğunu yapmış olabilir Andaman barınağı bu bulmak için kolaylaştırır biz başka bir yerde aynı etkiyi isteseydi, bizim uygulama karşısında yeniden kullanımı Ben ithal ettik çünkü biz burada bölgeyi bile görürsünüz Nixon'ın şimdi buna Celis ve bu sadece Taze hava bu biraz ve koyu renk o hem koyu yakışıklı olacak daha az bir pastie renk ama biz onlar olduğunu görebiliyorum nyse: daha önce olduğu gibi canlı Onları olmak istiyorum liman takıldığında ve neden bu yararlıdır düşünce olabilir neden Bunu yaparken de gelin de sadece biz bildirmek zorunda değilsiniz demektir ne bu özellikler Tekrar ve tekrar ve tekrar ve onlar da gerçekten güzel bir beyaz sağlar geçişler gibi benzer şeyler de sadece bir an o yapıyor olacak Bunun için silo ve Eğer biz hav zaman söylemek istiyorum o karıştırın Eğer s dahil olan herhangi bir unsur biz değiştirmek orada istediğiniz vardır arka plan rengi Orijinal kolonileri kaybı böylece biz sadece bu yeniden kullanma veya bir araba dayalı her şey için bu işlevi yeniden biz passin o Şimdi yaparak biz o zaman orada burada görebilirsiniz bu etkiye sahip Biz beş varken ve Apache 21 değiştirir biz kendi düşünmek başka bir yerde üzerlerine başvurunuzu gezdirin geri% uh ne bağlantı rengi değiştirebilir veya buna benzer bir şey için O tarafı fırsatları size bir karışımını kullanabilirsiniz Şimdi en geçişiyle bakalım ve üzerinde kullanarak geçiş zonunda bakıyor olacak Navigasyon yanı sıra ve bu yeniden için mükemmel bir fırsat hakkında ona yapar Bana tıka basa navigasyon inkar edeceğini oluşturmak sung mcrae yeni Buraya o kadar karıştırın ve bu onun mümkün olacak bir karışım her yerde kullanılmak üzere zorunda olacak sitenizde emin geçiş için hemen geçiş biz bilmeniz gereken hangi biz geçiş yapıyorsanız eleman bilmeniz gereken hız Burada özelliğinde bir geçişte bu yüzden kullanmakta olduğunuz bir kusur i Mees hızında bir parçası ben almayayım Örneğin sizin için satıcı önek gerekiyorsa etkisi şimdi bu noktasıdır Kullandığınız herhangi bir CSS özellikleri O bunları tekrar bir buçuk yayınladı zaman bunları tanımlayabilirsiniz Sadece satıcı önek özelliklerini de sevenlerin sadece dışarı geçiş hafta çağrı İşte bu yüzden ben de devam edin ve geçiş söyleyeceğim Belirli için belirli bir özellik Zaman ve bu uzunluk bir gerçektir hızı göndermek Ben bazı bağlantı zamanı şimdi konuşma inanmak gerekir sanırım bu yüzden eğer bu geçiş için önek daha WebKit demek vardı başına bir daha kayıt süresi gerekli ve böylece bu değil noktanın yanında sadece onları buraya dahil edebilirsiniz ve nasıl bu geçiş karışımı alarak o zaman biz eklemek istediğiniz de içinde buradan söyleyebilirim Biz bunu istiyoruz geçiş arka plan rengi olmak Eğer 100 milisaniye sürecek istiyorum Bana onun üzerinde etkisi var olmasını istiyorum onun şimdi biz bu çok umut zaman olduklarını görebiliyorum görüyoruz A noktası ile bir arasındaki geçiş yapan Şimdi onların pasady öylesine orada biz Bu hemen hemen ya da düğmeler ise Don biz Nixon burada kullanarak hareket baktım Hofer arka gerçekten kolay nasıl etkilediğini ulaşmak için Ben sadece önde gidiyor ve bizim istediğimiz renkte geçen ve bu sadece var bu kadar güzel ve temiz tutmak için bize her şeyi yapıyor orta ve büyük ölçekli fonların ağlama gibi çok temelleri değil ile size hangi biz yapabilir yiyemem daha iyi ve biz de çok hoş bir geçiş bakmak ettik ve biz bu geçiş oluşturmak sebebi ve biz bu kullandım Geçiş içeride var Bizim kullanımda başka karışımı bu sidon yapar Başka nixon daha sonra bu karışımı kullanarak olacak iyonlarına biz başka Nixon misyonunu dahil edilmez ve uygulamasını kullanarak olacak için Biz üzerine gideceğiz navigasyon ve sonraki uh% Sanırım gerektiğini düşünüyorum bir hızlı şey ancak orada oluşturmak onlar biz ettik Martin'in babası hakkında içeride değil duymak Size çalışıyor o seçiciler üzerinde bu şekilde zincirleme görebilir ve Bu sayfada aşağı daha okunabilir biraz bakmak istiyorsanız bu iyi biz size aynı şeyi yapabilirsiniz bunu ne yapabilirim ancak kesinlikle iyi Biz Hoffa sedir ve örneğin bu yüzden min olmadan yaptım Burada biz de bu yüzden seçiniz yapabilirsiniz Hatta bölgede bir değişiklik olsa ve ne CSS olmaz iç içe değiliz biz yapabilir biz can bu alabilir edilir kullanmak ve bana sadece burada bu yapıştırın ve imi Justin şimdi her biri bir faz için yapabilir demek Şimdi bu burada bu yapıştırın alayım haritalara bir değişim, bu ve ve biz bu yüzden bu iki duymak kapmak izin de bu iki aynı şeyi yapabilirsiniz soundscape yapıştırabilirsiniz Onları go ahead ve eklemek niyetinde Bir işareti sadece burada bu kadar tamamen bulunuyor Bildiğiniz sen iç içe, çünkü ben biraz neater içinde görünüyor sanırım bizim gibi bu sizin için tam olarak aynı şekilde bağlandıkları şimdi barındıran ile biz aynı stilleri görebilirsiniz ama biz bitti üzerinde kafa izin potansiyel ve biraz fikir var bir şey var Şimdi o navigasyon kurmak.

Açıklama

Bize renk ve boyut kontrol etmenizi sağlayan temel bir düğme bileşeni oluşturmak. Biz de Sass işlevler gibi hareket katmalar, tanıtmak. Https://www.youtube.com/playlist?list=PLfdtiltiRHWEDDFN8fGLK3__HesaTcZ7f: tam seri İzle Daha fazla öğreticiler için buraya Abone: http://www.youtube.com/subscription_center?add_user=phpacademy Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



10/10

  • 24
    Olumlu
  • 0
    Olumsuz
  • 9
    Yorum
  • 1234
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • HuskyStarcraft

    HuskyStarcra

    4 HAZİRAN 2009
  • jkimisyellow...ish

    jkimisyellow

    8 Temmuz 2009
  • SDSARG3

    SDSARG3

    14 Mart 2009

ANKET



Bu sayfa işinize yaradı mı?