15 Temmuz 2015, ÇARŞAMBA

#6 Css Düzenleri De

Diğerleri bugün iptal etmek görünüm keşfetmek ile ben ne düşünün olacak göstermek edeceğim bir kroki üç kez değişen eklenti kazanmak bir riskli bir mühendis Facebook yapması kroki kullanılarak oldu şimdi kim onun düzenleri ama sonra bir içerik değişiklikleri bir süre çalışan ve oldum Eğer içerik olarak tasarım eksi nasıl geri gitmek zorunda her zaman kolay değil değişiklikler bu yüzden o CSS kurallarını kullanır sanki bu eklenti yarattı senin kroki düzenleri kontrol etmek esnek noktalar özellikleri de dahil olmak üzere Şimdi bu kroki hak ve CSS can demektir Şimdi o gidecek gibi biraz farklı

gösterimler ve malzeme var üzerinde ama o CSS kurallarına tasarım aperatif vardı komuta zaman bana yapmanızı sağlar o yüzden şu anda kubbe bunu kontrol gerçekten süper soğumasını bekleyin bulunuyor bu yüzden onun dö

nemi bu olmalı artık araç kutusunu resched zorunda ve kroki araştırma yoksun ve Leah yüzden burada kroki var esnek Seni o sokak açıklaması büyük bir yığın var lent Video de% uh her bana biraz okumak kontro

“Bu videoda, ben Sketch Flex Düzeni ile CSS kullanarak Sketch düzenleri tanımlamak için nasıl göstereceğim. Bu oyun değişen bir işlevdir. https://github.com/hresc...”
LevelUpTuts

l edebilirsiniz Gordon Yükle'yi tıklatın ve burada yeni bir skeç proje üzerinde gitmem izin diyor sadece böyle tamam bu yüzden zaten bu hayat las kabataslak olduğunu yüklü olan benim en sevdiğim araçlardan biridir ve kroki gelmedim ve en size belge onların için olacak tıklama Tamam oldu alalım ve yeni sanat kurulu ekledi ve seçmek için gidiyor Bir iPhone oldukça standart bir IOS cihazlar Elimizdeki burada durum bizim sınırları olduğunu

#6 Css Düzenleri De Resim 1 #6 Css Düzenleri De Resim 2 #6 Css Düzenleri De Resim 3 #6 Css Düzenleri De Resim 4

667 tarafından 375 piksel ve en go ahead ve bu kutu bir arka plan rengi biraz çek ayarlamak izin ve sadece bu yüzden biz etrafında oynamak için bir yere sahip bu şey karanlık yapacak Şimdi 10 Onu tahta ben olacak bu yüzden en bu bir deneyelim burada bazı sayfaları yapabilirsiniz yapmak gözyaşı üzerinden ilk olarak izin Bir dikdörtgen görüntü dikdörtgen yapabilirsiniz yapıyor hangi Bazı border-radius ile: buna o yuvarlak var yani Burada dikdörtgen ve bayan onu ve dakika sürükleyin sınırları verilen ve fat

ura yapmak Sadece yakın tek yolu burada tamam şimdi bu flex ile aslında CSS oylayabilir görünümlü layups senin kroki şimdi biz sadece bu isim bu dikdörtgen var bu sadece konteyner olacak gibi İstediğiniz zaman şimdi adı olabilir Ancak adından sonra biz CSS sınıfı adları gibi birlikte için kullanacağı edebilirsiniz at Gördüğümüz gibi bu arada, bu ve adı arasında bir boşluk var ve Biz dönemi var ve bu yüzden dönem bu kapsayıcı onun adıydı Kap tamam onu ​​kullanabilirsiniz metin bir kopyasını söz Şimdi bu kabı var ikinci yüzden var nasıl biz sana oranları ve CSS anlamaya bu yüzden ben de yeni bir metin katmanları oluşturmak kulüpler go ahead ve bu kabı değiştirmek AT & T ve sonra ben burada havaalanında sitede bunu kontrol edeceğiz ve en önde gidelim ve hızı dinette dönemi Burada renk konteyner ve net değişim Gördüğünüz çünkü beyaz siyah yapmak güzel ve kolay görmek ama bu yakınlaştırmak için Tamam Bu gibi görünüyor, çünkü bu seferki monospace yazı yapmalısınız Bu var ve bu yüzden okumak için bu daha kolay hale kod tamam biz piksel konuşmak olma konusunda endişelenmenize yazı eş aralıklı Bu da stilleri albüme bir düzine kasıtlı kar var yardımcı olamıyorsa vermeyecek Periyod sadece böyle konteyner Emin eşleşir sizin katman elde sınıfı yapmak ve Şimdi ben de devam edin ve açık gerçekten dirsek ve yakın birini yapın ediyorum Uzayda verilen üzerinde bir girişim girmek arasındaki gidiş şimdi biz bu özel konteyner başvurabilirsiniz bakın Şimdi CSS ile bir are şimdi CSS hakkında bilmeniz gereken bazı şeyler var ki Eğer bu kullanarak gidiyoruz tamam bu yüzden kurallara Get Yardım sayfasına sından izin Biz aşağı kaydırma eğer biz onlar olduğunu görebiliyorum destekçileri özellikleri burada listelenmiştir Spor ve özelliklerine: Yüksek ile vardır Erkekler erkeklerle bu oran, bir Max ile yanındaki nefret Buna ek olarak, son Baxley ve malzeme beri burada bütün bu şeyler oluyor Bir saniyede süper kullanışlı Şimdi biz olacak görebilirsiniz Şimdi haiti ihtiyaçları ve normal bulabilirsiniz kullanarak Tüm küçük harf marginheight ve alt olurdu nerede şimdi marjı var Hiçbir boşluk Haiti sermaye ile alt K olmak ve ek olarak hiçbir birimler var 400 piksel istersen sadece 400 almak ve desteklemez emin caruso sadece alamaz ise margin: 0 0 elli yıl marjı almak 50 alt ve sadece sınıfları kullanabilir ve hiçbir kimlik kullanıcı elemanlar veya böyle bir şey ve hiçbir iç içe stili bu yüzden çok olduğunu Burada sürümü CSS aşağı Eğer teşvik kroki var hala süper kullanışlı bulacaksınız Kendinizi her zaman kurallarını ihlal ve bulabilirsiniz çünkü belgenizde var Bu kurallara reflow bu yüzden bu yüzden go ahead ve bunu bazı verelim bu dikdörtgen önde türlü olmak istiyorum boyut yapacağız devam edin ve bu daha sonra iki nokta üst üste sıkı ve söylemek konum Şimdi diyebiliriz var aralıklı bir azalan kolon görebilirsiniz bir dışa ile çalışmak için hiçbir birimleri var çünkü artık Çar edilecek gidiyor 375 at işaretler Buraya gelip sadece bu 355 yapmak oldu Biz marjına sahip hiçbir olacak sol co-hosted I Orada biz 210 piksel ve bu koymak için gidiyor bir marj var Merkez tamam bu yüzden şimdi bu iş için yüzden bazı yapmak zorunda olduğunu bilmesini sağlar biz ilk değiştirmek zorunda birkaç şey yapmak zorunda Bir aşkımıza stilleri tabakası vardı olmak Abt Style Sheets bile burada göremiyor dak önce ve sadece bu yüzden hiçbir yazım hataları olduğunu biliyorum burada doğrudan kopyalanmış olarak yapıştırılan bir dakika başlık bu tabaka ile hemen emin şey seçili hızı yapmak Daha sonra bugün işe gitmiyor seçilirse varsa burada nokta Tamamen ve şimdi gömlek kapalı tıklayın hangi olacak Kontrol komutu L gördüm biliyor Bazı şeyler bu dikdörtgen belirsiz çırpıda Biz bunu örme uzun boylu ve 3 50 piksel vardır görebilirsiniz seçilmiş Geniş piksel tarafından uh 10 piksel bir marj sol% vardır şimdi uzayda bu almak isteyenler bildiğiniz konu demek olduğunu 10 kadar kar marjı da Hızlı çıkışları kontrol komutu L ve bunun doğru enstantane ve hatta görsel olarak değiştirebilirsiniz bile gider böyle biz sınır yarıçapı değiştirebilirsiniz özellikleri ve işler ve bizim CSS var her şeyi etkileyecek gitmiyor bu yüzden bir bu aslında kapsayıcı değil, sadece bir dikdörtgen gibi hareket edecek mi iyi onun olay bir dikdörtgen ediliyor vardı aslında kazandı biz komut vurmak böylece G grubu olmak zorunda istiyorum Ben seçilmiş bu katman var ve şimdi sınıfta sıkı klasörü beni görünce konteyner kadar iyi şimdi bu dikdörtgen yapmak o bu yeniden adlandırmak Bu dikdörtgen bir dikdörtgen Lindroth var ve bu yüzden şimdi bir satır gibi bir şey kullanmak kap içinde Ben üç kat olarak bir çift yapmak için adam DNS vuruldum daha sonra bir kaç kere ve evet bu caddy kurtulmak için son burada sınıf adından sonra bir şey olması Bu sınıf olacak karmaşa ile sizi birlikte gitmiyor değil tamam bu yüzden geç 3 I var dikdörtgenler Eğer bu önemli olduğunu kendi adını konteyner Deana biliyorum biliyorum Sınıf burada son Bu herkesi ihtiva sonra bu nokta satır sadece yirmi kuruş arkasında kısa bir Bizim yönetim kurulu kendisi kadar bu 667 kiremit Biz 6 uh% şimdi nefreti karşılayabilir 47 ve altına dair sadece tüm yol yaymak için gidiyor yine biz kalacağız sadece para cezası Whitby 355 var margin-left: ve margin-top: hala iyi Şimdi ben sonra parantez gerçekten açıklanan bir boşluk yaşıyorum ve yeni bir sınıf vardır onun şüphe bro ve üst üste Biz bir satırda bu öğeleri ile Mısır'a yapmak edeceksin 355 böylece kap ile tüm uzanabilir şimdi biz onları her marj altını verebilir 10 piksel ve o kadar var biz aslında aralığı yapıyor olacağız bunlar bu kabın içinde dikey olarak dışarı gül Şimdi en önde gidelim ve daha komuta unsurları kontrol etmek ellerinde üzerinde uyudu ve nesnelerin çeşit nefret yüzden tanımlı değil kayboldu vardır yapamam onlar için bu yüzden bu yükseklik alıyoruz -1 onun dönüş ve bizim rolüne Onlara bir yüksekliğe izin 50 Şimdi bu rollerin de elinde konteynerler kendilerini vardı içindeki nefretine ve yanlış olan öğeler içindeki nesnelere kadar nefret çöktü ama hiçbir şey beri orada var İçinde Biz kontrol komutu yapmak arasından seçilen yüksekliğe tanımlamak zorunda Bir sürü bilmiyorum çünkü lol daha biz şimdi üç eşit aralıklı olması Burada dikdörtgenler ve biz sadece bu gibi değiştirebilirsiniz biz bir sürü etrafında bu taşıyabilirsiniz yapmak ve biz seçmek biryere konum bizim Eğer geri enstantane deneme bir kez daha görüntü komut bu nedenle bu gerçekten süper yararlı av yanı sıra belge için belli bir kural onları Her zaman emin şimdi muhafaza ediliyor yapabilirsiniz en go ahead ve yapalım Biraz farklı bir şey biz söz önce böylece bu satırı olsaydı ve o görünürde düzeltmek sadece kabın bana böyle bir klasör kendisi bir şey komutu GNS yapmak için bize yol gidiyor şimdi ben de yeniden adlandırma ben bir kardeşim var Ben sadece karışıklık konteyner her şeyi önlemek için yazdı ve burada içinde bu kare taahhüt Burada ve onun adını o DG tamam bu nedenle bu katman kendisi tanımlamak için gidiyor ne zaman arka plan% uh onun konteynerler BG onu adlandırarak eklenti kullanmak bilir Bu% uh katmanlar renk ve esasen arka plan özellikleri için arka plan olarak kullanmak olmak Bu nokta satır şüphesiz bro genişliğini ve yüksekliğini oluyor CSS gelen bir BG yüzden kendisinden biz bir kez daha komuta kontrol L do iyi hiçbir şey değişti olarak bilinen ve biz değiştirirseniz bu BG olmak Biz bunu değiştirmek herhangi bir ciddi diğer renkler şey biz komutu yapmak okunacak kontrol L şimdi var ve bu yüzden herhangi bir şey için geri değişmez fark Bu arka plan ve bana bir nefret ver derseniz 107,50 $ komuta kontrol beni bu grubun kendisi değişiyor iken böylece komuta kontrol L sevmediğim aslında bir HTML olarak arka plan gibi davranmaya arka plan değişiyor eleman Arka böylece oranı, kabın özellikleri üzerinde sürecekse böylece merkezde burada doğru şeyler önde ve sadece gidip daha fazla şeyler olabilir ve bir daire de onun adam olacak genel ve burada bir daire yaptı Biz sadece görünüyor iyi misin bu ödemesiz sınırlarda bir araya geliyor olması bunun gibi olacak bu yeniden adlandırmak ben bir barda bir görünüm ve bu bir fotoğraf olacak ve sınıf yapılacak gidiyor Benim CSS her ahbap de lickin fotoğraf boyun Fotoğraf hak ve özellikleri ve burada biz bu genişlik ve yükseklik verebilir ama gitti demek 40 olacak ve sekiz 40 olacak bu yüzden olacak burada mükemmel bir daire olacak ve bir margin-sol ne olacak: 10 sadece 60 tamam alaycı sadece şimdi buraya tıklayın komuta kontrol al yapalım ve bu sol üst gönderilir görebilirsiniz 2009 marjı en iyi 10%. ya da burada komutanlığından ve zayıflık bizim satır geliyor ve bunu o başlık ve başlık diyebiliriz tenebra bile aslında dolgu 20 yapalım Benden sonra al troll geldi ve bu her iki tarafta 20 ile doldurma görebilirsiniz Bu düşüşün iç nesne olmuştur çünkü şimdi iki olur vardır Bu yazıda yıl çok o çöktü içinde artık yüksek ısı biz hiçbir yükseklik şey vardı önce Kontrol L komutu için şimdi onun kabın büyüklüğüne gider görebilirsiniz tamam bu yüzden sadece bir inanılmaz şeyler yüzeyi olabilir olduğunu tırmalama konum başarmak O oranını izlerken yüzden bu eklenti bu düzenleri Fluxbox var gerçekten tasarımlar bazı esnek düzeni oluşturmak bu nedenle herhangi bir sorunuz varsa veya gelen yorumlar keşfedilebilir öğretici Facebook saygı ve öğreticiler seviye yukarı Sizden izlemek için teşekkür duymak seviyorum ve biz önümüzdeki göreceğiniz.

Açıklama

Bu videoda, ben Sketch Flex Düzeni ile CSS kullanarak Sketch düzenleri tanımlamak için nasıl göstereceğim. Bu oyun değişen bir işlevdir. https://github.com/hrescak/Sketch-Flex-Layout En iyi paylaşılan web hosting http://www.bluehost.com/track/leveluptutorials/ 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

  • 15
    Olumlu
  • 0
    Olumsuz
  • 9
    Yorum
  • 2147
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ChasesAndCrashes

    ChasesAndCra

    31 Temmuz 2009
  • TheDroidDemos

    TheDroidDemo

    15 ŞUBAT 2011
  • Videogamerz | Call of Duty

    Videogamerz

    5 NİSAN 2012

ANKET



Bu sayfa işinize yaradı mı?