3 EYLÜL 2014, ÇARŞAMBA

Css3 Rehberler #13 - Css İçeren Sütunlar

Bu sis ile Tamam nasıl kullanılacağını gösteren aşk dokunmatik bugün film var sütunlar CSS3 ile şimdi biz onlar ayrılır gereken paragraf bağlamını alabilir Biz belirttiğiniz parametrelere dayalı birden çok sütun Daha fazla çeşit yaratarak bu şekilde ancak gazete tarzı düzeni Bizim CSS Collins ile kullanabileceğiniz Şimdi serin bir parçası kadar geri olduğunu sadece çok büyük bir sütunda olacak gerçek Eğer yaklaşım eğer uh görünüm% ilerici geliştirme açısından ise birden çok sütun destekleyen tarayıcılar almak olacak Bu güzel sütunlar insanlar öylece geniş metin biraz getting olduğunu Şimdi havayı mo

dernize gibi siz de bu bir şeyi hedef ama biz konum nasıl kullanılacağı olacak gösterisi size bu videoda o içine almak için gitmiyorum CSS3 kolonların bu yüzden biz burada ne yani şimdi tuhaf değil Sadece iki paragra

f temelde biz sadece var olan sözdizimi ile bir paragraf etiketi başka paragraf etiketi metinde oldu analytics standart paragraflar şimdi yapmamız olduğunu istediğimi böylece sütuna bu paragra

“İşte biz projelerinde CSS sütunları nasıl kullanılacağını göstereceğim. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro L...”
LevelUpTuts

flar hem dönüş biz sadece AP ve şimdi bizim CSS tanımlamak olduğunu do piyasaya sunuldu kaç sütun istediğimiz ve bu sütunların arasındaki boşluk ne kadar büyük olmalı Şimdi biz de kolonu ile tanımlayabilirsiniz Eğer mesafeyi kendi parçası hesaplanırken eğer ama dürüst olmak gerekirse ve hesaplama için gerçekten yok hiç gerek gibi görünüyor ne kadar çok var demek Onlar geniş onlar sadece olmadan doldururuz bu kadar piksel olması gerekiyor senin üst kabı olup, b

Css3 Rehberler #13 - Css İçeren Sütunlar Resim 1 Css3 Rehberler #13 - Css İçeren Sütunlar Resim 2 Css3 Rehberler #13 - Css İçeren Sütunlar Resim 3 Css3 Rehberler #13 - Css İçeren Sütunlar Resim 4

uradaki senin kaplar büyüyen nerede bir durumda yararlı olacaktır şey ya da küçülen bu yüzden go ahead ve yapabileceğimiz bazı sütunlar ekleyelim özelliği olduğunu Sütun tire saymak ve bu olacak ki ile sana karşı kardeş içtenlikle ikimiz de bu paragraflar iki sütun ayrılır var gerçekten harika ne eşit yükseklik olduğundan ve artık güzel olduğunu Bu ithalat, biz korumak için gidiyoruz ne kadar büyük hayır daha iyidir Bu iki sütun ve sadece gidiyor içine içeriği aşağıda üzerinde bir sonraki sütun bir şey olduğu sadece büyük

olduğunu Birkaç yıl önce sadece CSS bir rüya değildi tamam şimdi biz belirleyebilir nasıl Mr oluk alanı arasındaki boşluk de biz hep söyleyebiliriz Sütun tire boşluğu Sütun boşluğu için bir piksel değeri Jersey kullanmak için gidiyoruz olacak bizim sütunları ayrı 40 piksel olmak istiyorum ve onlar anında almak görebilirsiniz o ayrı itti biz sadece karışıklık gerekiyorsa şimdi biz bu olmak istiyorum söyleyebilirim etrafında olur dört sütun Belki böyle bir 10 mükemmel boşluk ile böylece neredeyse benzer bir gazete gibi bazı gerçekten güzel oluşturabilirsiniz görebilirsiniz düzenleri ve aslında sadece varsa eğer Tek paragraf iki sütun gerçekten harika olurdu vardı ve aslında geri dönüş biz herhangi collins yoktu da aşk neredeyse gibidir Biz doğru tarayıcı yoktu aslında bu tankların okuyabilir Bir an sadece ince bir avukat tarayıcılar ama ben her bu açıklama umut var Bu bu kullanıcıların farklı olabilir içinde olduğu göreceğiz ne Ne onlar zaten görüyoruz Elimizdeki bu yüzden burada dört olmak bizim 10 ile sütunlar için sütunları boşluk başka şimdi ne biz aslında tanımlayabilirsiniz biz aslında aralarında bir sınır var olduğunu söyleyebiliriz olacak bu sütunların her biri bir deri bu daha fazla yer nedeniyle Iki sütun 40 piksel tekrar Diyebiliriz böylece uçları seksen sütun kuralları eklendi Sadece arasında sınırda zayıf, sütun tire rolü sütunlar şimdi bu sınır ile görürdünüz aynı şekilde tanımlamak olduğunu Eğer biz bir tüyo olmak istiyorum söyleyebilirim biz sağlam olmak istedim hepsi ve neredeyse demek istedim 00 olacak ortalaması olan 0,00 $ var çirkin yeşil renk aslında en farklı bir yapalım biz de daha cesur yapabilir çok süper çirkin mavi tamam bu koyu mavi şimdi arasında yarım yılında Amerika Birleşik Devletleri'nde arasında domuz var bizim sütunlar Antti tabii ki gidiyor bu küçültmek ve bu mesafeyi korumak ve S aynı çünkü bu gerçekten harika seçenekler olduğunu yapacağınız Bir sınır yaptıklarını eğer kesik gibi pek diyebiliriz Dört piksel ve daha sonra biz burada arasında bir kesik rol Hatta bu primerler belirtebilirsiniz tek CD kolon tire tire yaka kural ve sonra sadece söylemek var bu yüzden yağmur ve tabii ki aşırı yüklerken bakın biz renk stil ve zekâ var sınırın hemen gibi bu sözde yalnız yutturmaca n roll yüksek çit tarzı için ve şimdi federal tire gelip ben önemli şeyler içine alırsınız nasıl ve CSS sütunları kullanabilirsiniz zaman iyi burada ne bu örnekte görmüyorum ben CSS kullanıyorum olduğunu Burada kod kalemle RL burada önek bir önek ya da tüm sahip olduğunuzdan emin olun Tarayıcınız önekleri Bunun ben yok çünkü ama öylesine Bu tarayıcı önek ancak bu çalışması için modern tarayıcılarda bile krom ve firefox ihtiyacınız olacak Gözlerimi ve WebKit tarayıcı önekleri Bu yüzden işe izin vermek için en ben kullanabilirsiniz kullanmayan için kullanabilirsiniz bakmak size rıhtım ı should aşk ted kullanmak can ile herhangi bir ilişkimiz diyor ama harika Güzel bir görsel bir şekilde ne tarayıcı desteği bilmenin web sitesi Hatta en son sürümü burada gördüğünüz gibi krom ve safari ile birlikte Firefox ve opera hepsi sadece önek ile CSS sütunu desteklemek Android için Ohio s Android ve Chrome ile birlikte Şimdi üst Birçok CSS sütunları destekler Bir kaşif 11 ve 10 ile birlikte Ancak orada 19 ile fark desteklenen değil yerim tüm demektir bu yüzden sizi değil ne tarayıcı önek olup olmadığını bilmek ie8 iş girecek veya IE9 ancak orada o bir Bir bütün geri JavaScript onlar ben şahsen sadece onları atalım olurdu ancak kullanabilirsiniz Bunu sürece yapıyoruz ne olursa olsun bir sütun versiyonu tasarım gerçekten gerekli olduğu birden çok sütun % uh iki noktadan yüzde 4 ve bunlar yüzde 3,7 Sadece kullanmanız gerekebilir kullanıcıların içerik olmak ile acı Sadece bir anlamda üzerinde yapmaz bir sütun bu kadar yükü var Sadece gerçekten ne zaman küçük bir grup bağımlıları aynı görsel deneyime sahip, böylece Muhtemelen içerik etkileyen değil tüm bu nedenle bu CSS sütunlar Bir sonraki videoda olacak CSS sütunları nasıl kullanılacağını göstermek sırasız listeleri ve listeleri emretti ve bazı şeyler o ne demekse ile ilgili düşünce olmayabilir yani check it out bize sadece etrafında baş gitmek ve karışıklık düşünme bildirmek Bu kendinizi ya da projelerde sadece kullanıcıların CSS sütun Başar bu nedenle her zaman olduğu gibi bu çok% ile adam ah üzerinde herhangi bir soru veya yorumlarınız varsa düzeyinde video kaset yatak Twitter veya Facebook üzerinde yorum Sizden izlemek için teşekkür duymak seviyorum ve doğru biz göreceğiz kadar yanındaki tarafından.

Açıklama

İşte biz projelerinde CSS sütunları nasıl kullanılacağını göstereceğim. 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

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

  • 45
    Olumlu
  • 0
    Olumsuz
  • 8
    Yorum
  • 4228
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • infiniTuts

    infiniTuts

    18 Ocak 2012
  • Sams Page :D

    Sams Page :D

    15 Mart 2009
  • thewinekone

    thewinekone

    17 Aralık 2005

ANKET



Bu sayfa işinize yaradı mı?