5 Mayıs 2011, PERŞEMBE

Kayan Blok Öğeleri

Merhaba, bu bazı yüzen bloklarla bir deney bu video Ralph Blok elemanları yüzen ve bu tür multi-sütun oluşturma içine zorbalık olduğunu Ne sayfa düzenleri bu yüzden bir nokta Sayfa Yapısı nispeten zaten yanıp var HTML5 doctype tanımsal olacak başlık karakter kodlama Ben andır de tek stil kuralı bazı iç stilleri var benim Araştırma kuralı temelde yapacağız tüm unsurları 0 piksel marjı var: 0 piksel dolgu yüzden bu tutarlı yapmak için onun iyi bir araç içinde bir sıfırlama kuraldır Paige tasarımları Üst tarayıcıların tüm öylesine orada benim araştırma kural var ve ben sadece bir başlık tek adlandı

rılan yüzer bloklar üzerinde devam edin ve birkaç diğer blok elemanları koymak Bir anlaşma kimliği insanların blok birine koymak öper 1 blok ve sonra devam edin ve bu kopya olacak ve% ah yapmak bloğu KS ve elemanl

arı bloke etmek zorunda benim başlık, bir tabii ek olarak, aynı zamanda, bir blok elemanı olan bayan takımından bu şeyler nemli biraz olsun izin benim tarzım en yazdığı Hiçbir sakatlık İstiyorum onları satmak

“Sol şamandıra kullanın veya yan tarafında DIV'leri gibi blok elemanları almaya hak yüzer....”
Ralph Phillips

görmek mümkün Bazı h1 seçicinin gerçekten iyi yapmak görünüyor background-color: diyez işareti Orta koyu kırmızı 900 bakımları ve ben üretmek bu kopyalayabilirsiniz görelim macun yapıştırın ama sonra tabii ki bunlardan biri alacağım o olacak diyez işareti blok birini vermek olacak Diğeri pound işareti vermek olacak Hizmetler kimliği blok onunla anlaşma seçiciye. bir onunla bir anlaşma engeller. Blok Yeşil için 090 yapacak görürdünüz ve mavi 2009 yapaca

Kayan Blok Öğeleri Resim 1 Kayan Blok Öğeleri Resim 2 Kayan Blok Öğeleri Resim 3 Kayan Blok Öğeleri Resim 4

k go ahead ve benim tarayıcıya geri üzerinden bu atlayışı kurtarmak girer ve iyi yenileyin yani şimdi benim başlık biri benim blokta benim blok almak var görebiliyorum ve hepsi yanyana kadar ezilmiş konum çünkü tüm bu sıfırlama kural K reset kural olarak Bunu yoktu tüm varsayılan marj paddington elemanı kesiyor sizin yanınızdaki reset Sonra onlar aslında kenarına benim sayfa Kanser alanı çevresinde biraz olurdu Dolgu Merkezi Bir derste bir web sayfasında Yim üzerinde Benim blok elemanı benim başlıkları bi

ri etrafında biraz boşluk almak istiyor smidgen geri buraya son geri alma koymak Bu dikkat çekici şu bağırma asla şimdi ben bir anlaşma böylece ilk şey duyuyorum bazı float mümkün olmak istiyorum Ben istiyorum bir benim blokta benim blok birini ayırmak için deneyin olacak bu koymak bölümlerde bu seyir tuhaf olacak ama ben görünüm bloğu Contessa bloklar Nadu bu check out Kimlik blok konteyner eşittir ve sonra benim ikinci blokta sonra bundan sonra sadece bu yüzden takip edebilirsiniz biraz Yorumlarınız onlar için bir kapanış tarih koymak nasıl gidiyor ve blok kabın Şimdi bu kritik değil ama blokları olabilir vurgulamak istiyorum ve içine diğer bloklar daha ben gidiyorum vurgulamak Sadece bu niyeti gerçekten kesin duyurmak bu blok konteyner ve bir kural oluşturmak için uygulaması içinde iki blok vardır Bu blokta kaplar olacak bir sınır var Sınır beş piksel kalınlığında olacak Katı ve salsa sereceğim siyah bazı marj var 10 piksel ve 10 piksel doldurma Iki blok içinde vardır Mary şimdi sen benim blok konteyner görebilirsiniz sanırım o şimdi ben olacak değilim şamandıra ayakta deneyin istiyorum benim ilk tamam şimdi burada bir tane bloke Eğer bir blok gibi bir şey yüzer zaman bazı bir dönemi vardır eğer yararlı olur Benim blok bir merak Yapılacak ilk şey benim blok biri için kural sadece bir flüt var mi Eğer doğru yüzer nerede sol akış edebilirsiniz sol ve ne zaman göreceksiniz sol uçtu otomatik yaptım o yanında yukarı kayar takip Ben var bu yüzden her kız bu kimse bu diğer div alamadım dostum vermeyecek bu mümkün gibi çok almak Bunu söyleyene kadar belli bir olmak bu yüzden fark benim blok bir çok çok dar bayan çok şey var olamazdı görünüyor İçeriğin onların Bu yüzden muhtemelen gerçek hayatta yapacağını bir şey değil İki Geyikler ile örneğin bir iki sütun düzeni yapmak istiyorsa Sırayla muhtemelen konum olan, bu en az bir yardımcı tamam bu yüzden benim kitabı benim blok bir feiger ve ben de 600 piksel azaltmak üzerine diyelim genişliğini ayarlayın orada biz şimdi benim kalan canlarım içinde Wanna 600 piksel bloke gitmek Benim diğer blok olacak kadar geniş, bu olabilir gibi olacak flüt tüm parçasıdır Şimdi biz biliyorduk bizim size karşı başka bir flüt biliyorum oluşturma Her iki unsurları ile ayarlayabilirsiniz ama yapmanız yolu dikkatli olmalısın tüm gerçekleşmesi için istediklerini tingly tüm bağlıdır Şu anda ben bir düzen nerede var Benim blok biri benim yeşil blok ile yapıştırılmıştır ama benim blok tür belirsizlik olduğunu görmek için keskin kadar geniş olacak indi için Nasıl genişler ve sözleşmeler ve belirgin metin daha dar Nero gitmek Bu, bu ortak bir özelliktir sarmak başlar bir float sonucu sol flüt şey şu ne olursa olsun bu oran bir karşı olacak slayt kadar olan Şimdi wrap-around ben bu burada olmasını istemiyordu ben bir margin-sol dediği gibi ben başa: benim ikinci blokta bir titreme gitti orada İlk blok NK üzerinde genişliğine Searle, bu aslında iki sütun düzeni anahtarlarının biraz içine alır vardır Başka bir videoda bir konu olmaya tek gösteri bu Tia üretilen gidiyor Birisi o margin-sol yapın: sevgi 600 PX 600 piksel ve şimdi bu yenilediğinizde Ben altında ne rap El yanına bile tamam bu yüzden bu o bile bir iki sütun düzeni ne şekilde olduğunu özlüyor var Bu özel video sel hakkında konuşmak ve tabii ki benim sol kol 600 piksel olabilir asal bile daha gerçekçi hale getirmek için Geniş iki yüz onu izini grup, margin-left var: 200 yani bana blok tane alalım o 200 piksel genişliğinde yapmak onların kurtarmak Eğer bu iki sütun düzeni sağa temelleri var gidin orada yenileyin Biz birleştirmek olacak gibi öylesine orada görünüyor Ben, video konulara ve bir o kadar bu konuda serin bir şey olduğunu bir var belirli Blok elemanları yüzen fluke'ları şimdi bu gerçekten çok kullanışlı gelebilir ama hala bu blok kabı almak burada diğer durum edeceğim alımı Bu çıkış ve ben sen gidiyorum Başka biri yapmak tüm bu blok konteyner kopya kate olacak benim blok konteyner olacak ve bu üç bloke edeceğiz Ben leke konteyner nokta dört San engelini kaldırmak iki blokları ile% um bu relabel k beni ICSS gidelim ve ben bunu ne olabilir blok konteyner için kolay bir grup duymak için diyez işareti blok konteyner yaptım böylece hem benim blok konteyner olacaksın piksel kalın siyah sınırları katı var ve her ikisi de marj olabilir konum ve dolgu malzemesi K ve daha sonra bloklar 3 & 4 Ben de istiyorum tür çok kendi kopyası bu olsa kontrol en blok yapalım öyle kim 3 blok blok 5 onun arka plan rengi olacak 5 blok yapmak mor ve ben seni kurtulmak olmaz ben şimdi sol marjı kurtulabilirsiniz marj kontrolü tamam burada var o yüzden ne var tekrarlamak için Üç blok kontrol CSS kuralları çok farklı siyah 5 için üç blok blok arka plan renkleri Ben benim siyah bir kap var aynı ön plan rengi var HTML aşağı kaydırma sınır vardır Ben oluşturmanız gerekir kadife 5 blok Mükemmel sağ arka tarayıcısı üzerinden en neden olmuştur ne zarar görelim tamam şimdi ben bu canım var Siyah kap iki dakika biraz 3415 içinde üç blok kesim değil dama parça amina burada yeni bir kural oluşturmak eşit temelde hayvan kontrolü tüm bu bloklar Ben elimdeki söylemek değilim Konteyner grubu yapmak Blok konteyner Uzay ve sonra ben de koymak yaşıyorum Bu nasıl seçici herhangi detaylar ve böylece dersin bu denir demektir torun Seçici arada herhangi bir geyik o içinde öyle seviyorum Bu özelliklere sahip olabilir kullanmak için sevgili blok konteyner ben gibi bir şey yapabileceğini bu check out Tom 200 Bu 300px Güney hepimiz biliyoruz yıl benim blog kap içinde bu nedenle temelde tüm canlarım için önce Organ 300 piksel genişliği beni o tarayıcıya gidip yenileme diyelim var Biz üç yüz şimdi de tüm bu üç hak vardır oraya gitmek olacak sola yüzen olmak vardır Bu yenileme kaydetmek ve oraya gidiyoruz şimdi biz yan bütün yan sensin şimdi sen benim kapsayıcı gerçekten değil fark edeceksiniz Burada karıştı biraz bu biraz yapacağım oldukça normaldir olduğunu bunu çok fazla detay açıklamak vurma ama temelde konum kandırmak Ben benim blok kabına gidiyorum ve ben taşma gizli yapacağım Başka başka bir video bazen de taşma özelliği hakkında konuşmak Yapmam taşması sadece yapacağım: gizli ve benim konteyner yapacağız bu seyretmek Burada biraz genişletmek yani şimdi benim üç blok ben yüzer yaptım çünkü yan bütün yan vardır: sol o 345 Ben bir float merkezi giderseniz bu kontrol Oranı sol olduğunu fark Hiçbir yas tutanlar oraya adapte ben Oranı onlara yüzer eğer iki yerine sol biliyorum izin tarayıcı yenileme şimdi 345 olduğunu söylüyor Sağ sadece yapabilirsiniz şamandıra değiştirerek hızı efendim onu ​​543 sevgisini sola bu özel unsurların yönünü değiştirmek bu muhtemelen üç sütun düzeni yapmanın en iyi yolu değil mi ama gerçekten çok yakın gidiyor ama bunu sadece başka bir örnek yüzen tamam çatışma blok öğeleri görmek.

Açıklama

Sol şamandıra kullanın veya yan tarafında DIV'leri gibi blok elemanları almaya hak yüzer.

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

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



10/10

  • 76
    Olumlu
  • 0
    Olumsuz
  • 19
    Yorum
  • 13378
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • jkimisyellow

    jkimisyellow

    6 Mayıs 2009
  • LivestrongWoman

    LivestrongWo

    1 Aralık 2011
  • The Dubstep FX

    The Dubstep

    5 Mart 2011

ANKET



Bu sayfa işinize yaradı mı?