Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, PHP.hocam.com tarafından sunulan bir eğitim dersidir. Eğitmen, CSS box model (kutu modelleri) konusunu anlatmaktadır.
- Videoda div tag'larının kullanımı ve CSS ile kutu modellerinin nasıl oluşturulacağı adım adım gösterilmektedir. Eğitmen önce div tag'larının ne olduğunu ve browserlarda nasıl çalıştığını açıklar, ardından div'e border, width, padding ve margin gibi CSS özellikleri uygulayarak bir kutu modeli oluşturur. Ayrıca div'lerin web sayfalarında nasıl kullanılabileceği (banner, içerik ve kategori alanları gibi) örneklerle anlatılır.
- 00:13CSS Box Model ve Dodge Type'lar
- Bu derste CSS box model (CSS kutu çeşitleri) öğreneceğiz.
- Dodge type'lar, tasarladığımız siteyi browserlarda neye göre yazdığımızı belirtir ve browserlar sitemizi daha kolay bulup gösterir.
- Örneğin, divler Internet Explorer 8'de düzgün çalışmıyorsa, dodge type'ını belirtirsek destekliyor ve gösteriyor.
- 01:07Div Kullanımı
- Div etiketi, sayfada içerik oluşturmak için kullanılır ve içeriği içine alır.
- Div etiketi, sayfada belirli bir alan belirlemek için kullanılır ve içine başka div'ler yerleştirilebilir.
- Div etiketi, sayfada banner, içerik ve kategori gibi farklı alanları oluşturmak için kullanılır.
- 02:05CSS Özellikleri
- CSS ile div'e border (kenarlık), width (genişlik), padding (iç boşluk) ve margin (dış boşluk) özellikleri uygulanabilir.
- Border özelliği, div'in kenarlarına belirli bir kalınlık, tip ve renk verir.
- Width özelliği, div'in genişliğini belirler ve div'in sayfayı tamamen kaplamasını engeller.
- Padding özelliği, div'in içeriğine sağdan ve soldan belirli bir boşluk bırakır.
- Margin özelliği, div'in sayfanın kenarlarına olan uzaklığı belirler.