25 EYLÜL 2012, Salı

Css Tutorials #9 - Kutu Modeli - Kenar Boşlukları Ve Nasıl Bir Dıv Merkezi

Hey Outlook gelgit ve devam ile Cisco ne kutu modeli ile burada Derslikler CSS marjları zaten bir biraz gördüm ki biz bunu bir net vardı cesedi teftiş son derste marj Varsayılan olarak üzerinde 8 piksel marjı Aslında vücudunda üzerine atalım geri buraya gidelim ve üzerine tıklayın şey görebilir kardeşim varsayılan bir piksel marjı vardır biz en zaman ne olacağını görelim burada şeyler için yeriniz var hepsi bu Bu piksel marjı şehir ben Sublime Metin gidiyorum bunu kaldırmak ve vücut MSA gelip gidiyor marjı ve daha sonra 0 bu bunu yapmak için ne olup bittiğini o her taraflı kenar bo

şluğunu ayarlamak için gidiyor Üst hepsi 0 olacak dibi soldan sağa Bu bizim krom yenileme geri döner demek ve bunu bütün kenarları ekran efekti gider fark edeceksiniz Biz rapçi için bu set olsaydı o başlangıçta

geri yüzde 100 onun olacak kenardan kenara gidip yenileme Bu aslında marj bu biraz burada var fark edeceksiniz başlığı için ve olur neden bakarak Daha sonra bütçe yok bakın biraz burada bu kontrol v

“CSS öğretici serisinin 9 öğretici. Bu derste, size kutu modeli dış katmanını anlamanıza yardımcı olacaktır. Marjı ile size elemanları ve nasıl bir div ortalamak i...”
LevelUpTuts

e bu% ah itme Bu çünkü aşağı Bu noktada bir marj aşk, altı, yedi ve İsterseniz tarayıcısı üzerinden tamam ve bu aslında biz konum aşağı itti almak için gidiş dolgu ile yapıyor olması ve ben bir kaç Öğreticiler biz sınırı yaptıktan sonra eminim ve fakat sadece burada bu mesafe oranı nota bakınız vücudunda marjı değil Bunun bir onun marjı kendisi aşağı def bastırıyor h1 Bu Dave hiç marj yok içine kendisini orada ama en bu bir marj yaptım vermek istiyorum diyelim sad

Css Tutorials #9 - Kutu Modeli - Kenar Boşlukları Ve Nasıl Bir Dıv Merkezi Resim 1 Css Tutorials #9 - Kutu Modeli - Kenar Boşlukları Ve Nasıl Bir Dıv Merkezi Resim 2 Css Tutorials #9 - Kutu Modeli - Kenar Boşlukları Ve Nasıl Bir Dıv Merkezi Resim 3 Css Tutorials #9 - Kutu Modeli - Kenar Boşlukları Ve Nasıl Bir Dıv Merkezi Resim 4

ece olduğu gibi biz piksel veya yüzde yapabilirsiniz içinde bu yüzden ben burada çok rapçi indi ettik ve ben bu biraz marjı vereceğim ve biz sadece bunu vermek için gidiyoruz marjı yukarıda diyelim Sadece biz baş zaman eskisi gibi 50 piksel 0 Bu her tarafa uygulamak için gidiyor tasarruf biz yenilemek ve biz şimdi var geri dönmek biz büyük o efendim yani bu yüzde 100 olduğu söyleniyor Biz varsa her bir tarafta elli piksel marjı keskin gerçekten yüz olacak yüzde yani revize buraya gitmek açar ve tamamen

bu kurtulmak için gidiyor bu demek tamam gel Şimdi gördüğünüz gibi biz bir marj var tasvir 50/50 50 Eğer bu üzerinde gezdirin ve bekliyoruz aslında her yerde olacak Buraya size elemanı incelemek sağ tıklatın nasıl unutursanız etkisi Chrome'u kullanarak bunu yanı sıra Safari ve Firefox elemanı incelemek inanıyorum ve bu yüzden sadece bu marjı burada görebilirsiniz ki üzerinde gezdirin Ben üç yüz elli elli onu merkezli gidiyor ilgileniyorum iyi o var ve burada yazılan bir şey biraz daha farklı Şimdi bu kenar boşluğuna beni buraya bizim CSS gidip de izin ve ben oranı istiyorum marjı 100 piksel ve daha sonra olacak içinde Ayrıca sol tarafta bir marj olacak 50 piksel ve daha sonra olacak zamanında marjı ve olacak C 200 piksel bu kurtaracak ve sonra biz burada bana duydum bizim geri geleceğiz Bu aşkın biz 250 var gördüğünüz gibi ne olursa olsun yenileme 200 ve 100 ve yeni margin-bottom: biz herhangi bir marj belirterek konum çünkü her yerde ama diyelim ki Eğer margin-top Oranı zorunda istemiyorum: margin-sol: her zaman Eğer kullanıyorsanız şansı var, çünkü marjı kullanarak sizin kalacağım almak size 100'den başka bir marj ve birden fazla yüz biliyorum Yaptığımız bu yüzden biz bizim kelime kullanabileceğiniz tüm bu olur Yine sadece ancak eskisi gibi marjı bir emirdir var hangi tanımlayan marjı içinde O olduğu gittiğinde bir hayalet top yüzden iki yüz şehir vereyim Sonra o kadar usta a Oranı gider rakibin sağ şey 150 yapalım ve sonra dibe gider Sadece bu bile 30 piksel olacak olacak hangi Gerçekten görmek ve daha sonra sol yapacağız hangi 10 piksel kar yağışı kompakt veya krom ve biz muşamba altında sol 10 olsun gördüğünüz gibi 150 ve daha sonra hızı ve en bu aşkın atalım Eğer altta 30 piksel o biraz görebilirsiniz Soco sekme sağ alt Yine bu yüzden saat yönünde etrafında sol Diyelim ki, aynı sağ ve sol aynı üst ve alt kenar boşluğu var diyelim kenar biz aslında bir bu son iki değerleri bırakabilirsiniz Ben bu konuda böyle bu silme yapmak için gidiyor, bu iki yüz olduğunu uygulanacak gidiyor alt üst etmek ve bu yüzden tip gider sol ve sağ olmak olduğunu Eğer gerçekten bulmak istiyorsa sağ alt sol Eğer söyleyebiliriz alt ve üst farklı ediliyor Böyle ve şimdi bu en iyi 200 does oran alt% 100 150 ve sol 150 bu demek ve eylem içinde görebilirsiniz tamam şimdi yağmur sol aynı top vardı ve sonra 100 onu 200 ve 100 Serin de bu konuda gerçekten büyük ve burada gördüğünüz gibi bu bizim bir Ben bulmak ama en bu kutu vardır istiyorum biz aslında bu olsun diyelim edeceğiz ile gerçek bir ve bu a verecek Yukarıdaki bu olacak diyecekler diyecekler 300 piksel ochem kaydetmek ve geri gelecek Bu çünkü iyi şimdi bunu çağıran biliyorum biz set temiz Aynı içine üç yüz bir birleştirme ile ama bu burada yağmur burada bu marj bütününü almak zorunda çünkü Eğer bu tamamen olmasını istediğiniz ile o olması gerekenden daha büyük olan sadece yol Burada merkezli edeceksin tüm bu farklı kardeşi için aşılamaz E sen de boyutları Bu a veremem marj aşk size bir spor içine bu marj kadar darbeleme tutabilir biliyorum merkez hangi gerçekten merkezinde olmak asla buna selam herkese merkezde Bunu yapmanın yolu ile auto nedenle bu tespit otomatik diyor yağmur için marj sürece kadar sol Eğer kamçı ile bir div var ve o bir sıfır üst ve alt kenar boşluğu için olabilir vardır 50 piksel bu koyacağız ve yapmak için gidiyor, bu öylesine 850 piksel hem olmuş olacak olacak üst sert sol ve sağ 50 piksel sahip oluyor oto ve bir genişlik 300 bu nedenle bu anlaşma mükemmel merkezli olacak olan yüz sayfalık olursa olsun biz henüz yenileme değil nasıl notlar bu yüzden etrafta hareket Ben ilk atış CSS bir sürü insan var onlar tek olduğunu düşünüyorum bir şey merkezli o ne yaptığını bu yüzden yaptığı gibi onlar vücutta bakabilirsiniz yapmak Negatif diğer vücutta centerra aligncenter ihtiyacı ancak text-align aligncenter olarak CSS bir özelliğidir: böylece text-align: center yaptım istediğin merkezi burada uygun değildir Eğer onu vermek kullanın ve sonra onu var aa marjı olan Camino 0 olabilir ama sürece olduğu gibi sağ ve sol bu gibi pek bitti Hala bu kadar aynı tamam olacak Bu CSS marjları kullanarak fikirleri merkezi nasıl Her zaman olduğu gibi, video, onun üst düzey bağlı herhangi bir sorunuz varsa Onlara girmek için izlemek için ve bir kez daha bu scott diğer türleri ve sayesinde kayak anlattı.

Açıklama

CSS öğretici serisinin 9 öğretici. Bu derste, size kutu modeli dış katmanını anlamanıza yardımcı olacaktır. Marjı ile size elemanları ve nasıl bir div ortalamak için pozisyon olabilir. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro 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



9.7/10

  • 48
    Olumlu
  • 1
    Olumsuz
  • 3
    Yorum
  • 5642
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Kai Moosmann

    Kai Moosmann

    5 Temmuz 2006
  • The Fashion Sight

    The Fashion

    22 AĞUSTOS 2011
  • Willie D.

    Willie D.

    16 Aralık 2006

ANKET



Bu sayfa işinize yaradı mı?