5 Mayıs 2011, PERŞEMBE

Kenar Boşluğu Ve Doldurma Blok Öğeleri

Hey bu işin bazı CSS kutu özelliklerini üzerine gitmek bu videoyu İstiyorum Ralph olduğunu kutuları çeşitleri ile ve onlar bu blok elementleri size kutuları olduğunu düşünebilirsiniz olanlar vardı Bir blok elemanı hattı alanı ile çevredeki temas kendisini ayıran ve bir blok elemanı kendisine uygun olan bir oyuncuyu alır bu yüzden beş her takım için sayfa doctype HTML işaret görünen bu sayfayı var kol araba efendim dahil baş bölümü karakteri bir başlık var aktivite anne stilleri şu anda bir şey yok benim web sayfası çok şey için var Vücut bölümünde hiçbir şey boştur web sayfasında gördüğünüz sereceğ

im için aslında Firefox'ta bu piyasaya çalıştırmak bkz gözlerimi var Benim sayfa boyutlandırma var, böylece biraz bu yüzden biz bütün bir tarayıcı penceresi görebilirsiniz tamam bu yüzden benim web sayfası var Bu

nu yapmak için ilk şey olacak burada kutusu koymak olduğum ve koymak ilk kutu ve bir başlık want Ağustosda ama im kutuları çalışma ve bu yüzden bu başlığı görebilirsiniz biri Benim iç stilleri üzerinde atlıyor

“Blok elemanlarının marjı ve dolgu ayarlayın...”
Ralph Phillips

muşum ve her biri için bir seçici konur comida background-color: çemberler tür siyahımsı orta mavi ve bir ön plan rengi harflerle üzerine ve çok hafif gri biz önde gitmek ve kaydedebilirsiniz Benim tarayıcı üzerinden geri gelip gidiyoruz orada yenilemek herkes eklemek silindir blok elemanıdır ve biz de onu gördüğünüz gibi Kanser diğer bazı kutusu ile deneme bir kutu ve özlüyor oluşturur özellikleri Şimdi başka bir şey birileri bu gerçekten şeyler

Kenar Boşluğu Ve Doldurma Blok Öğeleri Resim 1 Kenar Boşluğu Ve Doldurma Blok Öğeleri Resim 2 Kenar Boşluğu Ve Doldurma Blok Öğeleri Resim 3 Kenar Boşluğu Ve Doldurma Blok Öğeleri Resim 4

abartır gördüm CSS sıfırlama kuralı ne denir bir girdi olarak tamam bir reset kuralı tür koyacaktır marjlar ve dolgu roman elemanları her şeyi koymak değil 20 Eşit bir oyun alanı birisi benim seçici iki vahşi kartı gibi bir yıldız kullanmasına seçici Ben marjı yapacağım yaşıyorum: 0px doldurma: 0px oraya gidip normalde bu ilk kural Ben normalde harici bir CSS onları dosyası var her CSS dosyası veya dahili CSS kullanmak Bu sadece bu küçük koyarak eşit oyun alanında herşeyi koyar Araştırma kuralı sitelerinizi tut

arlı görünmesini sağlar en iyi araçlarından biridir Tüm üst tarayıcılar kek üzerine nişastalı sık Onun araştırma kural için bir Google araması yaptım, tabiri caizse düz zeminde biliyorum Bir CSS gurusu ve yazar olan Eric Meyer rastlamak istiyorum O bahsediyor nerede kendi web sitesinde rastlamak kurallar ve daha fazla detay ayarlamak ve sahip olmak örnekler daha uzun ve daha karmaşık CSS kuralları ama basit tek çok çok iyi Excel işleri bulmak ve bir saniye beni yenileme küçük değişiklik artık bunu görebilirsiniz Benim sayfa yok marj var ve bu her biri bir marj var ve ben çok uygulama hakkında marjı ve dolgu am vurgulamak anlamına istiyorum tamam şimdi kontrol olabilir iki şey var Bu belirli bir kutu ile marjı ve dolgusu olduğu marj dolgu üzerinde sınırın dışında kutunun dışında sınır marjları içinde Ben yanına giderseniz dolgu kutusu hücrenin içinde olduğunu benim Burada her biri ve ben dolgu koymak Colin 50 piksel bu benim 50 piksel doldurma olmasını sağlamak için gidiyor diyelim iç dört kenarından kutu dolgu iç olduğunu ve tek bir ünite kullandığınızda Eğer iki birimi bir kullanıyorsanız her dört tarafı var böyle ölçümü aşk ölçüm Böyle bir şey Tom İlk ünite, ikinci ünitede alt ve üst olduğunu sol ve sağ km mesafede kullanılan üç birim bir ölçü varsa Bu McCain gibi bir şey ilk üst olduğunu Ortadaki sol ve sağ olduğunu sonuncusu alt kümeler bir garip olabilir olduğu Genellikle tek kullanan ama o zaman da ölçüm dört birimlerini yapabilirsiniz ve Sophia dört ünite ölçüm o saat yönünde gidiyor Sağ üst alt Bunu ben sadece bilmek istedim biraz daha fazla olabilir tamam sol için sırtında yolculuk olacak Dört sitelerin 50 piksel sadece bu tasarruf Ben bu kontrol yenilediğinizde geri tarayıcı şimdi bir sürü görebilirsiniz Uzay görünür metin etrafında ama mavi kutunun içinde Orada biz şimdi bu blok elemanı üzerindeki dolgu var bu yüzden gitmek biri bu yüzden okşama var bir başlık olan bu mavi kutu Şimdi şimdi bazı koymak burada olacak marj kanepe spor çanta ile karşılaştırmak izin kenar 20 piksel tarayıcı üzerinde sırtlarına kurtarmak Ben dışarıdan mavi kutusu bakınız alanı karşı yenilediğinizde orada biz bu yüzden benim marj var gidip ben de dolgu var bu yüzden marjı ve dolgu bu özel unsur olduğunu uyguladığınız Şimdi ben de burada bu kişinin olacağını başka bir eleman koyacağım dil kimliği temas Warren eşittir Bazı içerik ölümler ve şimdi ben bir geyik var başka bir kutu veya blok elemanı olarak hayretle kafamın sonra aşk ve temelde şimdi benim sayfadaki öğeleri engellemek zorunda bu yüzden bu do görebilirsiniz İçerik biri bu yüzden burada kimlik seçici var Aslında bu gerekli değildir, söz konusu eleman tanımlayan ediyorum Ben sadece diyez işareti içeriği biri olsaydı iyi çalışır ki bazen içerik biri ne kendime hatırlatmak için bu olsa yapmak ister kontrol onun belirli bir d oeuvres kontrol böylece kimlik içerik bir fırsatlar Ben devam edin ve bu bir arka plan rengi vereceğim kırmızı ve ben başka bir yuvarlak yapacağım gri ön plan rengini bazı iyi ve tarayıcıya o geri üzerinde tasarruf ve biz gitmek burada daha önce benzeri yenileme Şimdi benim blok elemanlarının hepsi var 0 piksel marjı ve dolgu söyledi kadar Aksi HTML ve Javascript gibi stil sayfaları altına kırmızı top olan 0 dolgu: böylece ilk şey tüm öğeleri 0 margin öldürür olur ama sonra benim başlık biri olsun ve ben geçersiz kılma ediyorum Ben geçersiz kılma ediyorum orada 0 biraz s almak 0 benim başlık bir anda 50 piksel doldurma sahip olduğunu ve 20 piksel marjı ancak benim içerik biri geçersiz olmamıştır Hala sıfır padding sıfır marj var iyi neden benim içerik 1 üzerinde boşluk vardır Benim içerik birinde hiçbir marj teknik var Bu boşluk benim başlık kadar alt kenar boşluğu neden olur bu yüzden benim başlık marjı vardır benim İçerik harikalar değil Ben aslında bazı marj koymak olsaydı ben bunu sadece yapabileceği bu şekilde yapabiliriz marjı üst ve 200 piksel Benim içerik birinin üstündeki marjı 100 piksel birisi Sepetinde daha fazla yer görmek için bu iki kutu arasında görünür Biz San gitmek orada daha fazla marj var ve bana bu konuda cevap bakım go ahead ve atalım onlar hakkında benim içerik 12 500 piksel marjı yapmak gelir Şimdi marj oranı margin-sol oto: Bunu yapmak için gidiyor yani ne oto bakım 12 500 piksel benim arabası ile ayarlayarak o olacak daha dar olacak Benim tarayıcı penceresi bu kadar sağ ve sol olacak Merkezi'nde otomatik marjları ile Eğer bu sayfamda bu içeriği 1 fırsatları olacak merkez biliyorum yapacağız işleri yenileme Bu şimdi nasıl görünüyor tamam benim editör üzerinde geri ben burada olacak atlama bir çift daha fazla deney yapalım ve bir içerik bir boşluk keşfetmek sahip olmanın yanı sıra iyi bir seein var Beni bu başka bir içerik yapmak için kopyalamak Bazı içerik içerik birine sahip olacak içerik olacak Ben geri Ben marjı kurtulmak ediyorum tek içerik üzerinde atlıyormuşum numarası ile marj oranı margin-sola girmek inanıyorum: K yüzden ve bu benim kopya bu özen ve yapıştırın fakat bu olacak içerik olacak ve ben üzerinden bu rengini değiştirmek gerekir Yeşiller ve şimdi burada tasarım var Her ikisi de olacak tarayıcısı kadar olduğunca geniş mümkün olduğunca geniş olması konum pencere onlar geniş, hem 500 piksel konum farklı arka plan renkleri vardır oraya gidip hiçbir marj var çünkü onlar hemen yanındaki birbirlerine konum.

Açıklama

Blok elemanlarının marjı ve dolgu ayarlayın

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



9.7/10

  • 38
    Olumlu
  • 1
    Olumsuz
  • 4
    Yorum
  • 4315
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ibebrent

    ibebrent

    23 Temmuz 2007
  • thegeniuses.tv

    thegeniuses.

    11 Aralık 2006
  • Tinkernut

    Tinkernut

    28 Aralık 2006

ANKET



Bu sayfa işinize yaradı mı?