30 Ocak 2015, Cuma

Görüntüleme Çerçevesi Yüzde Birimleri Css Html Düzeni Eğitimi

Gün kubbe merhaba öğrenebilirsiniz bu css egzersiz herkes viewport uzunluğunu kullanmak değerler Tüm görüntüleme alanına ilişkin boyut elemanlarına normal yüzde bağlantıları farklıdır yolu Bu, bu bağlantıları her zaman görecelidir görünüm için değil, göreceli ebeveynlerinin elemanlarına ve aynı zamanda metin ve diğer öğeleri yapmak için yardımcı olur görüş alanına ölçekli göreli orantılı olarak daha fazla şeyler tutmak için Bu egzersiz için biz boş bir belge ile başlamak için gidiyoruz hepimiz yaptığımız bizim için ayarlanmış bir stil kuralı var şimdi vücut marjı 20 ayarladığınız ve biz bu ne bir göz atmanız

eğer öyleyse ben burada otururken yaptım bakın işler kadar biz özelliği ile ayarlanır yapmak tamam yani ilk şey gitmiyor Yüzde elli ile 250 Newport % uh I viewport bir arka plan rengi verilmiş ve en bir göz atalım

oldu Bu işler ne Eğer ben yaptım görebilirsiniz yüzde 50 viewport ile aşk olduğunu Biz bunu yapmak için aynı yüksek doları boyutlandırmak bile Görünüm alanı yüksekliği 50 Newport yüksekliği yüzde elli Gördüğü

“Ders Kodu: http://www.developphp.com/video/CSS/Viewport-Percentage-Units-CSS-HTML-Layout-Tutorial Görüş alanına göreceli büyüklüğü elemanlarına CSS yeni viewport ...”
Adam Khoury

nüz şimdi işler ile bakın sizinle olması ile sahip olacak portunu yeniden boyutlandırmak ve yarım boy şimdi en go ahead ve yazı tipi boyutunu ayarlamak izin W yüzde 3 viewport ile 3 şimdi yeniden boyutlandırmak olarak izlemek hale getirdiği görmesin Metin göreli oldukça fazla kalmak için gidiyor Biz font-size set çünkü: Şimdi birlikte görünüm için en go ahead ve marj özelliği ayarlamak izin Sizin için ne kadar genellikle iki şey gönderdi ve marj ayarla

Görüntüleme Çerçevesi Yüzde Birimleri Css Html Düzeni Eğitimi Resim 1 Görüntüleme Çerçevesi Yüzde Birimleri Css Html Düzeni Eğitimi Resim 2 Görüntüleme Çerçevesi Yüzde Birimleri Css Html Düzeni Eğitimi Resim 3 Görüntüleme Çerçevesi Yüzde Birimleri Css Html Düzeni Eğitimi Resim 4

nır şeyler etrafında boşluk 25'e Bu koyacaktır Üst ve alt kenar boşlukları için viewport yüksekliği ve için birlikte görünüm daha sonra da yüzde 25 Sol ve sağ kenar boşlukları şimdi biz bir kutu almalısınız kendi ekranlarında nerede ekranda doğrudan merkezi evet biz onu yeniden boyutlandırmak olarak ve merkeze doğrudan kalır Eğer font-size ayarlamak için denedim: yüzdeleri veya EM kullanarak Bir piksel bunu etkilemez almak değildir değerleri ve plaj sadece bu dedi yüzdeler marjı normal yüzdeler ne olur izle doğr

udan ekranlarında merkezli değil bakın devreye giriyor ki bu biraz şimdi denemeye gidiyoruz tamam kullanışlı Bu maksimum olması için Beauport maksimum soma sette en az döktü Sana bu aslında ne anlama adamlar ayrıntıları olacak vereceğim ve ne Videonun sonunda kendi göreli sana biraz göstermek ne yapacaksınız s go ahead, bu açıklama izin açıklıyor levha marjları merkezleme yüzden max yükseklik değiştirmenize izin ve biz Hyde görmek eğer cevap sanırım nasıl Tamam bir şekilde görebilirsiniz bakın bize daha iyi bir temsil vermek Ben değişiyor ediyorum nasıl yüksekliği ile büyüyor görmem değiştirmek tarayıcı penceresi ya da görüntüleme alanı yüksekliği de büyük oluyor böylece ile birlikte size max ayarladığınızda onun yüzde 1 ya da bu durumda elli yüzde ancak B-max ile viewport hangisi daha büyük yüzde birini temsil viewport yüksekliği ile erkekler için aynı şeyi yapabilirsiniz bu da bir birim olacak 1 oranında eşit şu hangisi görünüm alanı yüksekliğinde görünüm alanı küçüktür Ben yeniden boyutlandırma ediyorum kadar şimdi o bir göz atalım ama bir kez yüksekliğinden daha küçülüyor ile ne olur izle Eğer yükseklik şimdi bakın aşağı ölçekleme olanlar normal oranları ile alabilirsiniz şeyler haklar sadece BH ve nadir bu konuda bu geri koymak bu sayfada olacak örnek Yeni CSS kod referans kitaplığı biraz var her P nokta com geliştirmek değeri referans bölümü yıl vardı altta burada uzunluk değerlerini tartışmaya Gördüğünüz burada b-max detaylı Ne BWB HP erkekler yüzde nisbetle eşdeğer yüzde 25 olacak bir 25 koyarsanız görünüm için b- adam için viewport yüksekliği ile birlikte viewport NV max aynı zamanda diğer kontrol edebilirsiniz hepsi CSS kullanılabilir çünkü biz burada var eksikliği değerler ve onlar anlamına geliyor burada deneysel demek nerede eski tarayıcı yazılımı yeni işe yaramayabilir bu yüzden ama hepsi yeni popüler olanlar çalışmak.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Viewport-Percentage-Units-CSS-HTML-Layout-Tutorial Görüş alanına göreceli büyüklüğü elemanlarına CSS yeni viewport uzunluğu değerlerini kullanmayı öğrenin. Normal yüzde uzunlukları farklı yolu bu uzunlukları her zaman ana unsurları göreli görünüm göreli değil olmasıdır. Ayrıca görüntüleme alanında metin ve diğer öğeleri ölçekli akraba hale getirmeye yardımcı olur.

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 138
    Olumlu
  • 2
    Olumsuz
  • 25
    Yorum
  • 10024
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • alex maybury

    alex maybury

    20 Aralık 2007
  • DigitalRev TV

    DigitalRev T

    30 AĞUSTOS 2007
  • Professor Messer

    Professor Me

    27 NİSAN 2007

ANKET



Bu sayfa işinize yaradı mı?