Orada.
Tekrar hoşgeldiniz.
Dolayısıyla bu ders çok hızlı olacak.
Sadece iki etiketten bahsediyoruz DIV etiketi ve yayın etiketi ve yaptıklarına ve
bunları nasıl kullanacağımızıza kadar nereden bakabildiğimizi değerlendirene kadar gerçekten konuşamıyoruz.
Ancak şimdi bunları tanıtmak istiyorum, çünkü size div ve span kullanarak şeyler göstereceğim.
Sonraki birkaç videoda ve aslında bu dersin ilk taslağında açıklamak için harika bir iş
çıkarmadım.
Ben de geri döndüm ve bunu Kurs yayınlandıktan sonra bir sonra ekledim.
Dave'in daha önce açıklarken daha iyi bir iş çıkardım, belki de temizleyebileceğimi fark ettim birkaç
soru gördüm.
TAMAM.
Bu yüzden divs ve span'ler hakkında konuşmaya başlayalım.
Söyleyeceğim ilk şey, bahsettiğim gibi ikisi de aslında unsurları şekillendirene kadar
o kadar da yararlı değil.
içeriği birlikte gruplamanıza izin verdiklerinden, MT-NW'ye göre bir div sadece genel bir kapsayıcıdır.
Ancak yaptıkları,
Yani sadece bir şeyleri örnek olarak bir araya getirmenin bir yoludur Burada bir div olduğunu söylemiyorum,
ancak bu bir div sadece bir içerik etrafında bir kutu olabilir.
Burada bazı metinlere benziyor ve bazı resimler var ve hepsini bir araya toplayıp büyük bir sınır vermek ya
da bir arka plan vermek için bana bir div ile bunu yapabileceğiniz bazı metinler var.
Yine nasıl yaptığınızı henüz konuşmadık ama fikir sadece şeyleri
birlikte gruplayabilmenizdir.
Dolayısıyla ileride bu derste divs kullanmamı çok isteyeceksiniz.
Sana hızlı bir örnek göstereceğim.
Dolayısıyla burada biraz metin eklersem ve bu aslında bu dersin öğrencilerinden birinin tartışma forumunda
belirttiği bir şey.
Lorem yazıp sekmeye basarsan, hangisinin güzel olduğunu bilmiyordum.
Bu bize Lorem Ipsum'u temelde bir örnek metin yer tutucu metin parçası verecektir.
Bu yüzden bunu iki tane yapmak için kullanacağım.
Ve sonra bir H1 ekleyin ve bu H-1 gerçekten önemli değil ya da sadece orada bir şey koymak
diyelim.
Ancak şunu diyelim ki bunun bir paragraf
olduğunu ve bu iki şeyi birlikte gruplamak istediğimi varsayalım.
H-1 paragrafında sonuçta tekrar yapamayacağımızı söyleyelim ama sonuç olarak bir kutu
olmasını istiyorum kenarlık ve portakal kenarlığı.
Ancak bunu içermez.
Yapabildiğim şey onları bir div etiketiyle bir araya
getirmek ve böylece kaydetmek.
sayfayı yenileyebilir veya ilk etapta açarsam, hiç farklı görünmeyecektir.
Ve
Aslında hiçbir şeye benzemeyecek değil çünkü bize olanaksız bir şey olmadığını görmemiz için hiçbir tasarım yok
bu iki şeyin artık bir kutu içinde sadece genel bir kutu onları bir araya getiren
bir konteynerle bir araya getirilerek daha sonra stil alabiliyoruz.
Eğer sarı arka plana sahip olsaydım, o bölgeye bir arka plan
verdim, sarı arka plan kabaca etrafında gidecekti, ancak ikinci paragraftan hiçbirini içermeyecekti.
Öte yandan bir div alanı da genel bir konteyner.
Fakat önemli bir fark var.
Bu yüzden, burada bir örnekle başlamama izin verin.
Diyelim ki burada bazı sözcükleri vurgulamak istedim.
Ipsum kapısı.
Ne olursa olsun bunu sarı yapmak yerine sarı yapmak istediğim her neyse, metnin geri kalan kısmı siyah.
Ancak bunu sarı olarak vurgulamak ve yazı tipini daha da büyütmek istiyorum.
Yine bunu nasıl yapacağımızı bilmiyoruz.
bir etiket gerekecektir ve orada bir div koyarsanız, orada genel bir konteyner ups
ve kaydetmek ve yenilemek yeni bir hat üzerine çaldı ve bunun bir div bir blok olduğu için düzey elemanı.
Ancak fikrim bunun etrafında
Dolayısıyla, bir paragrafın yaptığı gibi, kendi çizgisini alır.
Paragraf, yeni bir satıra indirildikten sonra her şeye bir paragraf eklediğinizde.
Yani div, blok seviyesinde jenerik bir konteynerdir.
Bunu bir span ile değiştirirsem, bu hiç de etkileyici olmayacaktır, çünkü burada nasıl bir şey görebilirim, burada
bir değişiklik göreceksiniz, ancak normal bir paragrafa benzeyeceksiniz, böylece yenileyeceğim ve bir
konteyner var .
Şimdi bu içeriğin etrafında, hiçbir şey yapmayan genel bir alan var.
Bir div aksine satır içi bir konteyner.
Dolayısıyla span temel olarak içeriği seçen içeriği gruplandırmak içindir ve div, içeriği gruplamanın başka bir
yoludur.
Ancak bu bir blokaj düzeyi unsurudur.
Bu yüzden bu noktada teorik olarak birazcık olduğunu biliyorum.
Avantajını anlamak biraz zor.
on beş nokta yazı tipi ve sarı yapacak bir şeyler söyleyebileceğiz ya da eklediğim div'yi
bulup o turuncu bir sınır verelim ve ne olursak olun yapın ve sonra bu içeriğin etrafına turuncu bir sınıra gelin.
Ama çok yakında Css'e girdiğimde gidip eklediğim alanı bulup
Pekala, harika divs span'ın genel kaplarını.
Biri siyah, biri sıradadır