7 Kasım 2011, PAZARTESİ

Anlayış Css Kutusu Özellikleri

Hey bu sadece yapmak için CSS kutusu modelini üzerinden gitmek istiyorum bu video Ralph emin olun biz net konum kutular bir web sayfası ve onun hakkında bir kaç özelliklerine nasıl oluşturulduğunu Özellikle kenar ve dolgu sınırları ve bu kutular hücreyi boyutlandırma tür almak için gidiyordu senin Sayfa Düzeni html5 doctype tanımına gitmek HTML dili bir de dahil olmak üzere kendi akıl hocası karakter olacak başlık özniteliği dolandırıcı bir araya geldi vücut benim sayfa şu anda bazı içerik eklemek iyiydi yanıp sönüyor Şimdi bu her türlü kutu warum Blok elemanları div etiketleri için çok yayg

ın biridir do Bir web sayfası veya içerik sahipleri veya konteynerler jenerik kutusunu yapıyor ama biz çok ve kullanmak ister yenilerinin bir grup var başlık bölümü vermek makale Şamandıra ve birkaç diğerleri B

unların hepsi blok unsurları ve kendisi davranışları üzerinde bir kutu düzgün bir kutu alacak en go ahead ve ben sadece tartışmanın uğruna burada bir div koydu edeceğiz let sayfamda Jeff ile durum bunu içinde

“Blok elemanları - kutuları işlemek için çeşitli CSS özelliklerini kullanın. Blok elemanlarını kontrol etmek kutu boyutlandırma, marj, dolgu ve sınır kullanın....”
Ralph Phillips

ve bazı temas olacak Bu ders içeriğinde yolunda olabilirdi bir görüntü olması paragraf metni Ben sadece gülüm ver gülüm kelime içeriği var ve öylece bazı şeyleri benim sayfa im kafa bölümüne gidiyorum biçimlendirmek Burada iç stilleri ve ben go ahead ve bu kutuyu koyacaktır Bir anlaşma ve bunu vereceğim ile 300 piksel Üst ve alt kenar 20 piksel oranı soldaki otomatik marjları ve bir arka plan rengi yapmak Parlak sarı ve sınır 10 piksel kalınlığın

Anlayış Css Kutusu Özellikleri Resim 1 Anlayış Css Kutusu Özellikleri Resim 2 Anlayış Css Kutusu Özellikleri Resim 3 Anlayış Css Kutusu Özellikleri Resim 4

da katı şu ve koyu mavi veya mavi orta Olgu ve ben bu özel blok elemanı için bazı özelliklere sahip İyi benim kaşları kollar ve Firefox üzerinde benim sayfa atlamak kurtarmak ve tüm yenilenir ve bu küçük bir blok öğeleri olacak bazı bu biraz daha büyük bir marka olarak kafaya Ben kadar 500 piksel değiştirmek ediyorum hamas yüksekliği diyor 300 piksele şimdi biz açıkça görebiliyorum Nerede Hücre konularda ve Sarı kısmı gerçek kutu sınırdır Tom kutunun dışında Şimdi marjı yani sınırları dışında ise mavi sınırı arasın

da bu boşluk Burada benim web tarayıcısında kenarına o marj alanı bulunuyor bu yüzden burada doğru 20 piksel marjı boşluk var Benim tarayıcı dolgu mavi sınırı arasında Eğer fark edeceksiniz, böylece sınırda içinde olan kelime içeriği olduğunu Onların sağ yanındaki sınırına yanında gerçekten sıkı sağ Aslında beni go ahead gerçekten eğlenceli boyutu biraz daha büyük alanlar değil yapalım sıyrılıyor Ben bu yüzden beş bazı doldurma koymak tamam doldurma artırmak istiyorsanız hakkında bu kutuyu 20 piksel Ben size çok daha fazla boşluk görebilirsiniz yenilemek için gittiğinizde Bu kutusunun üzerindeki içerikleri sınır arasındaki yıl önce benim kutu biraz daha büyük fark yaptı ve bana yol açabilir sonraki şey anlatmak için içine Benim CSS ile ben 500 piksel genişliğinde olması için bu kutuya ile istediğiniz belirtti Benim küçük ölçü kullanmak ancak bu kutu 500'den fazla piksel genişliğinde Firefox için add-on ve ben elimden geleni yapacağım tıkla ve sürükle aslında bir kutu alıyorum yaklaşık 559 var etmek Bu yüzden muhtemelen yaklaşık 560 piksel yani soru Bu kutu 560 pic piksel ile açıkça ben 500 piksel olmak istiyorum dediğinde o da padding sınırları sayıyor çünkü de o 560 gidiyor bu yüzden var 20 piksel solda bir dolgu ve ben kırk var oranı doldurma 20 piksel var Ben sol ve 10 piksel 10 piksel sınırı var Sağdaki sınır onun beni 260 piksel geri sınırından sınırına bu kutu neden bu kadar işte 560 piksel genişliğinde ben sadece 500 piksel genişliğinde olmak istedim Eğer sadece bu gibi ayarlanan kutunun yani temelde boyutu biz kullanabileceğiniz başka bir CSS özelliği var yani sözleşmeden gidiyor Kontrol bu dakika kutu boyutlandırma Olgu% uh css3 özelliği kutu boyutu ve temelde boyutu bu kutu istiyorum Tepesi tarayıcı kabzaları zavallı K dayalı yani sınır kutusu var içerik kutusu ve dolgu dolgu boksör Ben sınırına bir boyut değilim ama bu muhtemelen bu yüzden buradan işe yaramayacak Beni önde gidelim ve bu sadece hızlı bir test olduğunu söylemek ve bir değişiklik aslında biz füze burada bir önek yapmaz Onların ego kutusu boyutlandırma sınır kutusu Çeşitli şimdi kutu biraz daha küçük benim ölçü kullanmasına izin arıyor aracı yeniden ve tıklama ve sürükleme türünün kenar var nerede bir alandır ve kararlı biraz bir ama evet genişliğinde 500 piksele kadar geliyor ne istediğini Tamam hücre Ben 500 piksel genişliğinde kutusu öğeleri var Bu konuda belirsiz Ben 500 piksel genişliğinde olmak istiyorum tarayıcıyı söyledim çünkü ve ben tüm Servislerime CSS özelliğini kullanıyorum Ben sınır dışı merkezli olmak kutu boyutlandırma istediklerini söylüyorlar bir kutu marj sınırına dışında o zaman sınırı var dolgu kendi sınırında Terry içinde değil yapmak ve CSS kutusu özellikleri Bu bilerek bu arada bir çok şey yapabilir ben do ile bu yaptığını Ben bir bölüm elemanı ile bunu yapamaz diyor herhangi bir kural yoktur Ben gonna eğer tamam yani bir bölüm yapmak Ben bir bölüme benim CSS kuralını değiştirmek gerekir kurs bölüm başlığı yapmak isteyip işte orada biz gitmek herhangi bir değişiklik görmemeli altbilgi makale kenara hepsi aynı kullanın kutusu özellikleri.

Açıklama

Blok elemanları - kutuları işlemek için çeşitli CSS özelliklerini kullanın. Blok elemanlarını kontrol etmek kutu boyutlandırma, marj, dolgu ve sınır kullanı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



10/10

  • 33
    Olumlu
  • 0
    Olumsuz
  • 8
    Yorum
  • 4121
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • hitcreatormusic2

    hitcreatormu

    21 Mayıs 2010
  • ImBluecams

    ImBluecams

    25 Kasım 2012
  • MisterBrightside

    MisterBright

    24 Mart 2006

ANKET



Bu sayfa işinize yaradı mı?