15 NİSAN 2012, Pazar

Öğreticiler #10 - Dikey Ritim Pusula

Hey bu seviyeye kadar çadır ve bugün olacaksın konum Scott naber olduğunu üzerinde gitti Dikey onları kapsayacak ve dikey okuma aşina değilseniz okumak onları Bunu yirmidört yolu ölü ya da eşyadan gitmek öneririz 2006 Bir dikey oluşan denilen o besteci okumanızı Richard yazar tarafından bu sana hakkında biraz öğretecektir büyük bir makale ne Biz kongre ile ilgili gidiyoruz ve ve bu makaleyi okuduktan sonra sizin için büyük bir takdir sahip olacak Ne pergel Aslında bunu dikey onlar için özetlemek için yapıyor aralık ve aranjman o katkıda bulunuyor sayfayı anlamda okuyucu olarak me

tin sponsor üç faktör mayın nefret ve marj veya dolgu olduğu Ben bu faktörlerin dikkatle hesaplanmalıdır aşk ritim temel birimi değişken boşluk muhafaza edilmesini emretti içinde hat yüksekliği: Uygun bir line-height ku

rulması: onlar tüm metne uygulanabilir sayfa mutlu ya da yan not kafa kesme bunları okumak dikey güvenilir satmak için anahtar tamam bu yüzden devam edin ve sadece bu makaleyi okuyun gitmek geri gelip

“Sass öğretici serisinin 10 Pusula öğretici. Bu öğretici nasıl kolayca Dikey Ritim pusula kullanarak uygulamak öğretir. Dikey ritim hakkında daha fazla bilgi için,...”
LevelUpTuts

daha sonra aynı kullanarak pusula çalışma için gidiyoruz videodan kaynak Ben sadece var kod çocukla önceki video yaptım h1 ve h2 ve sonra benim ana h2 ve daha sonra paragraf metinler ve sonra da iki düğme ve sonra benim paragraf içinde bir çapa yani Sadece burada başladı ve sadece bu yol gidiyor almak için çapa rengi kızıl saç Bu örnekte ilgisi bulunmayan Böylece biz öylece iki değişkenleri bildirmek zorundayız başlamak için Baz eğlenceli boyutu istiy

Öğreticiler #10 - Dikey Ritim Pusula Resim 1 Öğreticiler #10 - Dikey Ritim Pusula Resim 2 Öğreticiler #10 - Dikey Ritim Pusula Resim 3 Öğreticiler #10 - Dikey Ritim Pusula Resim 4

orum biz dolar yapmak bunu dedi Baz fon büyüklüğü ve Biz iyi 16 piksel kullanmak için gidiyoruz ve sonra biz baz olan bir taban çizgisi kafa boyutunu iyi dahil ediyoruz hat nefret ve olacak 24 piksel ve şimdi eklemeniz gerekir bir karışımı n bu pusula denir oluşturulan etti düzeninizle bu yüzden bizim CSS temelde bir yüz olarak mücadele veriyor yapıyor check out Yüzde hattı nefret 1.5 ucu ve erkek vücudu 16 resimler ulaşmak o yüzden bizim krom, biz bu yeniledikten sonra neye benzediğini görelim t

amam şimdi biz eğer Gördüğünüz bu metni check out font boyutu 16 piksel ve çizgisi verilmiş oldu hey Bu bizim belgeyi daha iyi akan metin vermektir bu yüzden şimdi bizim belgede onlar için dikey var buna göre ayarlanır olarak sıkı çizgiyi görebilirsiniz en biz istiyorum diyelim göndermek bu paragraf bu metin / b sahip olmak istiyorum A 3 sınıf vardır Daha büyük ama biz onlar için dikey korumak istiyorsanız aşağı gidelim Bizim CSS in Arap sınıfı 3 yapmak Böylece biz sadece dahil yapmak için gidiyoruz önermek ama ve biz gidiyoruz boyut biz sadece bu olmak istiyorum önce onu biz 16 piksel söylemek olmasını istediğiniz bir boyut vermek 18 ve bu kurtaracak şimdi bunu yapmak için ne olup bittiğini okayed olan yazı tipi boyutunu ayarlamak için gidiyor ve hat Rs gitmek vardı Bizim CSS sadece eğlence boyutu ve değer verilen değil görebilirsiniz düşünüyorum ama aynı zamanda bizim çizgi, yeni bir nefret verdi ve ben bunu değişti en bizim belgeleri gidelim biz şimdi burada yeni ayarlanmış paragraf metni bunu görebiliyordu eyleminin kurşun nefret görmek için bu biraz daha şiddetli yapalım Bu yüzden 28 bizim sayfaya geri gitmek yapmak Eğer onun büyütmek ve gibi o line-height önerdi: Dokümanları olarak onları karşılamak için olduğunu o da ne Kaydetmek yok yukarı gördüğünüz gibi Eğer şimdi bizim para verdi 1.75 olmuştur gördüğünüz gibi en henüz CSS geri dönelim dans ve arlyne nefret 1.7 14 aum en olduğunu böylece aşağı 18 bu dönmedi içinde en biz gelene kadar ed lideri istiyorum diyelim aslında bizim ilk paragraf Sınıfı A biri böylece biz sadece dahil söylemek için gidiyoruz lider ve o zaman biz sadece sizin için gidiyoruz Baskı ancak biz geçebileceği onu geçiyoruz burada hiçbir değer yok onu görür o kaç satır bacaksız veya hangi özelliği bu marj gidiyoruz istiyorsanız Bunu gerçekleştirmek ama biz sadece lidere kullanmak için gidiyoruz ve Eğer bizim ilk gidelim gördüğünüz gibi şu dat demek tazeleme Eğer orada gördüğünüz gibi paragraf margin-top: 1.5 ve yerine Normal adil margin-top: 1m görebilirsiniz diyor o ekleyerek bizim liderimiz bizim üst paragraf ve o birlikte gidiyor üstüne biraz daha fazla yer veriyor Onlar için dikey kendi sayfaları biz sadece istedim ve eğer bu bir marj olacak lider yerine marj lideri yapabileceği ya da dolgu lideri sevişme lideri okşamaya olabilir veya bu işlevin kendi içinde bir çok yetenekli vardır geçebileceği nixon kendisi de bir römork biri için biz için yapabileceğiniz aynı şey kolay Fragmanı dahil biz söyleyebiliriz ve daha sonra yapacağız şey söylemek geçmesi değilsin ve önce her ne kadar tabii altındaki şey öylesine var Eğer biz sadece görmek gerekecek biliyorum ve burada kontrol bekliyoruz 1.5 Adams: a bunu oa margin-bottom verdi görebilirsiniz ve sadece lider gibi marjı lideri söyleyerek ekleyebilirsiniz Bizim marj römork ya da size daha önce römork sevişme nerede padding bunu ya marjı öylesine sen Diyelim ki bir sınır eklemek istedim diyelim ama onları okumak korumak istedim Bir bununla yapabilirsiniz Sınırlar, ikinci paragrafta bunu nerede Nixon denilen biz dahil diyebilirim ritim sınırları Bizim Skype burada sayfayı yenileyin aynı kalacaksın sezon okumak Eğer Sınırlarda görmek ve dikey radon koruyabilirsiniz olarak sınırın arasındaki boşluk miktarı ile Sayfası ve meta boşluk sonradan yüzden bunu yapmak istiyorum diyelim Bir catfight Lezione geniş sınır pikselleri mücadele bir kedi beni piksel Biz sınırı değiştirmek istiyorsanız onun piksel ve check it out kesik olması Biz birkaç şey yapabileceğini ama bir şey en her zaman istedim diyelim senin Sınırlar burada kesik olması biz aslında olabilir varsayılan olarak değişkeni ayarlamak sağ aşağı Sipariş tarzı ve olacak kesik diyecek eşit Gördüğünüz gibi, bu bizim ki geri say şimdi o gidiyor bu yüzden her zaman kullandığımız kesik olması olduğunu gidiyor Tabii a çıktı kesik sınır Sadece en iyi dönümlük sınırı satın alabilirsiniz Değiştirmek isterseniz paragraf yanı sıra hiçbir büyük anlaşma ama onları seni seviyorum Belli bir tarzı vardı siz de bunu bir bu bulunabilir şeyler bir bütün ana var pusula yükseklik ve şık org ve bu var Dikey ritim bölümü için ve bu temelde ben bu aşk içerir Eğer erişebilir ve atabilir bir tüm bu karışımlar farklı değişkenler senin sess içinde Hiç bu adımda almak için size kaybolmak eğer sadece bir pusula var ki stil ve sadece mantıklı geliyor check out onlar eğer oldukça basit olduğunu Herhangi bir sorunuz varsa her zaman yapabilirsiniz Eğer biraz daha belirtmek çalışacağız çalışacağız bize bir yorum gönderdi biliyorum senin için bu nedenle bu römorka bir firar sınırda onun sağlar ve bu güzel n Kolay sadece bir daha bu sadece içerir var var var ve yapacağız sınır sondaki söylemek ediyoruz ve o bunu kontrol kaydetme bulunuyor Şimdi nestle bizim sayfanın altındaki sınır firar var Bu yüzden metin bakmak gerçekten güzel yapmak için güzel bir yoldur az çaba ile ve daha sonra ben bu sildiyseniz Burada kod bir çizgi olacaktır CSS dosyası için bir sıkıştırma açmak olsaydı bu yüzden görebilirsiniz yazıldığı bu thailand en CSS bazıları hesaplamalar kuvvet zorlar Verilen bu gerçekten ve biz elle yapmak zorunda kalacak derin sayı değerleri ama kurmak için zamanımız var bizi kurtaran onun dini kırdı gerçekten güzel bunların üzerine ve gerçekten sadece o almak birkaç saniye aldı Eğer temel nefret içinde büyüklüğüne göre ve düzeninizle söyledi biliyorum o yüzden bu pusula onlar için dikey bulunuyor o sadece üç satır yüzden gerçekten sanmıyorum aşk gibi görünüyor ve daha sonra bu ekstra Nixon adlı değişkenler bunun yanı sıra ve sadece stil .org bu yutturmaca gelip gidebilirsiniz ve belgelere bakmak ve onlar ancak sahip oldukları Nixons aşk bkz Bu iyi bir tanıtım olduğunu ve hemen hemen bilmeniz gerekenleri kapsamaktadır bir kez daha bu Scott hangi seviyede yukarı türleri ve herhangi bir sorunuz varsa ya da Yorumlar Eğer video bir açıklama biraz Twitter'da ve seviye-up tut en bıraktığınız biliyorum biz her zaman bize sadece düşünce ve teşekkür için bildirmek duymak istiyorum biliyor seyretme tarafından.

Açıklama

Sass öğretici serisinin 10 Pusula öğretici. Bu öğretici nasıl kolayca Dikey Ritim pusula kullanarak uygulamak öğretir. Dikey ritim hakkında daha fazla bilgi için, lütfen bkz. http://compass-style.org/reference/compass/typography/vertical_rhythm/ http://24ways.org/2006/compose-to-a-vertical-rhythm 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



9.9/10

  • 154
    Olumlu
  • 1
    Olumsuz
  • 23
    Yorum
  • 21863
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BruBearBaby

    BruBearBaby

    25 Ocak 2011
  • Ludique

    Ludique

    21 NİSAN 2009
  • TotalxLuna

    TotalxLuna

    27 Kasım 2011

ANKET



Bu sayfa işinize yaradı mı?