25 EYLÜL 2012, Salı

Css Tutorials #8 - Kutu Modeli - Yükseklik Ve Genişlik Değiştirme

Bu kadar yerel gelgit gün kedi olduğunu ile ödeme sana göstereyim CSS kutu modeli böylece CSS için kutu modeli temelde söylüyor elementler ve sayfa 2.html elemanları Bir esas olarak bir kutu oranı Bu kutuya oyuncularla marjı ile diğer içeriyor kulüp sınırında ve evet gerçek içeriği başlığı tamam bu yüzden biz aslında ilk önce yapmanı söyleyeceksin Bu video genişliğini ve yüksekliğini kontrol nasıl ve daha sonra yapacağız hava diğer katmanları diğer elementlerin üzerine gideceksin CSS kutu modeli tamam bu konumlandırma içine almaya başlamak almak için gidiyor bir şey olduğunu sayfadaki öğeleri

Hizmet biz burada daha önce var bu sayfa var bu yüzden CSS yaparken emin Biz sadece biraz mor renk konum ve ben bu vardı ama biz gerçekten yok ortada pozisyon bunu görebilirsiniz her yerde olduğu gibi, efend

im Bu ekranda karşı ve eğer biraz burada üst hayal var yapacağız bir ticaret marjlarının dolgusu şeyler olduğunu tüm gideceksin Herhangi senin öğeleri konumlandırmak için bu adımı ve her şeyi öğrenmiş ihtiyacı

“CSS öğretici serisinin 8 öğretici. Bu derste, CSS kutu modeli size tanıtmak ve nasıl elemanların yükseklik ve genişliğini ayarlamak için size öğretecektir. Ekstr...”
LevelUpTuts

sınırları ekranda tamam bu yüzden kişi wanna göstermek Nefret ve o burada CSS gelmek Ben bu o sarıcı div var yaptım var ve sonra vücuda gövde rengi bu arka plan görüntüsü var var ve bu rapçi yaptım bir geçmişe sahiptir hem ben aslında her yerde söylüyorum olarak bilinen birkaç wat Biz geri gelmek herhangi marjlarının tür ya da bir şey var bizim Tam olarak görebilirsiniz hepsi itme var elimizde diğerleri marjı veya ne olduğunu aslında biz sağ bu t

Css Tutorials #8 - Kutu Modeli - Yükseklik Ve Genişlik Değiştirme Resim 1 Css Tutorials #8 - Kutu Modeli - Yükseklik Ve Genişlik Değiştirme Resim 2 Css Tutorials #8 - Kutu Modeli - Yükseklik Ve Genişlik Değiştirme Resim 3 Css Tutorials #8 - Kutu Modeli - Yükseklik Ve Genişlik Değiştirme Resim 4

ıklatın kardeş varsayılan stil var Arlen Specter elemanı Chrome elemanı incelemek kullanıyorsanız iman Firefox da Safari değilim artık elemanı kontrol edilir Bir bu araçlar dışında bu test bu birkaç yaptıklarının muktedir isteyebilirsiniz olması gerçekten güzel ve kullanışlı Burada gördüğünüz gibi bir ben üzerinden gidebilirsiniz Burada aynı kod ve bana CSS söyleyeceğim Sağ taraftaki yani varsayılan Burada başka insanlar tarafından paragraf etiketi üzerinde tarayıcı, normal bakmak için otomatik olarak işler önce ve sonra uzak

ve marj sahip ve display: block ev yani bu nasıl olduğunu varsayılan olarak için kardeşi varsayılan paragraf etiketleri size gözenekleri yaş olanlar blister vardır Eğer bu kadar bu yaş olanlar marjı vardı bu yaş 1 görebilirsiniz üst buraya aslında aşağı bütün bu sayfayı iterek olduğunu Biz vücutta gelirsen ama ne tarafa itiyor Vücudumuzun aslında bir piksel marjı tüm yol etrafında vardır ve bu sadece tarayıcı varsayılan olan bu tür şeylere bu kadar Sadece onlar hakkında bilmek iyi biliyorum orada göstermek ve gelecek dersler farklı çocuğa onların plakaları ya da bir şey kullanarak üzerinden gidecek bunun gibi normalleştirilmiş ile gelen ya da sıfırlanır bu iki farklı şeylerdir iyi düştü ve biz sorta yıl dışarı bekler ne yaptığını bir sonraki tarih üzerlerine gidersiniz Bir kardeş daha boş bir başlangıç ​​noktası haline gelmiştir söndürmek ve biraz farklı ama onun benzer bir kavram normalleştirir o sizin yanınızdaki kardeşim başlayan stilleri vardır böylece bu geliyor nerede aslında ama biz istiyoruz söyleyebilirim Aslında sağ şimdi varsayılan olarak o olacak almak çünkü bu veri vermek yüzde yüz Bir piksel marjı var dışındaki varsayılan olarak birileri en doğrusu verelim kendi bu rapçi Dave yaptım Bir genişlik ve yükseklik ve CSS gerçekten kolay bu yüzden burada yapacağımız biz bu herhangi bir ne ile almak için gidiyoruz bulunuyor 400 piksel ve onları o X 400 piksel nefret beni ödemişti ve bu bizim için bu güzel bir kare yapacak bu yüzden biz burada krom yenileme geri gelip Bir kare tamam ve böylece o kadar sürer 100 400 piksel için görebilirsiniz ekran olarak size sahiptir Sadece doldurmak için bu formu yaptım ama piksel Sizinle tanımlayabilirsiniz ya yol bir yüzdesi üzerinden ama Tamam yüzden onun kap içinde yüzde bulunuyor Gördüğünüz gibi ama hiçbir şey gerçekten dışında yaptığı bu çevrede sarma var vücut vücut bu kadar yer kaplıyor yüzden bu bir yaptım vermek edildi gidiyor bir yüzde seksen bu alanın yüzde seksenini doldurmak için o geldi bu yüzden bizim RCS burada burada tamam gömülü ve biz yüzde seksen bu a vermek için gidiyoruz ve Eğer tam olarak ne biz var olduğunu tamam bu yüzden orada ne olacak görebilirsiniz yüzde seksen zekâ onun ne zaman olduğunu ile size yüzde tabanı hakkında çok şey biliyorum Eğer tarayıcı penceresini taşımak Yüzde yokluğu yüzdesi yaklaşık bir pikselin değildir her zaman İçerik ayarlamak için gidiyor Bu yüzden biz içine aldıktan sonra çok önemli olmaya devam etmektedir Medya sorgular gibi bazı duyarlı web tasarım konuları ve mobil ilk ve aynı zamanda büyük bir düzen şeyler nerede içerik olarak ayarlanır Üzerinde inceledi ediliyor ekran boyutuna yani cihaza Bu şekilde herkes olursa olsun iyi görünümlü bir web sitesi alır Kimin yaptığını biliyor ve bölücü ne onun gece pıtırtı Bu sizin nefret tanımlamak nasıl yani Nexus veya tamam neyse biliyorum ve önümüzdeki birkaç derslerinde de bitecek gitmek vardı marjı bu içine vücutta sınır ve dolgu adlı sen sağlam bir kavrayışa sahip olacak üzerinde CSS kutusu ile neler yapabileceğini ve sizin sizin orada verir kontrol edebilirsiniz nasıl şey doğru Eğer video haline lütfen kurşun herhangi bir soru veya yorumlarınız varsa her zaman Burada olanlar yeni bir seviyeye türüne biraz onlar yine bu Tanrı olabilir kaydetti var izlediğiniz için teşekkürler.

Açıklama

CSS öğretici serisinin 8 öğretici. Bu derste, CSS kutu modeli size tanıtmak ve nasıl elemanların yükseklik ve genişliğini ayarlamak için size öğretecektir. 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

  • 34
    Olumlu
  • 1
    Olumsuz
  • 2
    Yorum
  • 4913
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Austin Evans

    Austin Evans

    5 AĞUSTOS 2007
  • ELawshea

    ELawshea

    26 Mayıs 2008
  • Munchkin the Teddy Bear

    Munchkin the

    30 EYLÜL 2011

ANKET



Bu sayfa işinize yaradı mı?