Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, CSS kursunun on ikinci dersi olup, bir eğitmen tarafından float özelliğinin nasıl kullanılacağını gösteren bir eğitim içeriğidir.
- Videoda, float özelliğinin konumlandırma ve hizalama işlemleri için nasıl kullanıldığı adım adım anlatılmaktadır. Eğitmen önce bir div ve üç farklı dil içeren bir sayfa oluşturur, ardından bu dillerin yan yana görüntülenmesi için float left özelliğini kullanır. Ayrıca, float özelliğinin blog sayfalarında resimlerin metin içinde nasıl konumlandırılabileceği de örneklerle açıklanır.
- 00:04CSS Float Kullanımı Tanıtımı
- Bu ders, CSS'de float kullanımı ve konumlandırma, hizalama işlemleri hakkında bilgi vermektedir.
- Örnek için bir div oluşturulup, içinde üç farklı dil div'i yerleştirilecektir.
- Ana div'in genişliği auto, yüksekliği 100 piksel olarak ayarlanmıştır.
- 01:07Div'lerin Stil Tanımlamaları
- Tüm dil div'lerine ortak bir "mini" sınıfı verilmiştir.
- Mini div'lerin genişliği ve yüksekliği 100 piksel olarak belirlenmiştir.
- Ana div'in arka plan rengi light sky blue olarak ayarlanmıştır.
- 03:33Float Özniteliğinin Kullanımı
- Div'lerin yan yana görüntülenmesi için float özniteliği kullanılır.
- Mini div'lere "float: left" özelliği verilerek soldan hizalanmaları sağlanmıştır.
- Float özniteliği sadece yan yana hizalama için değil, blog sayfalarında resimlerin metin içinde sağda veya solda görüntülenmesi için de kullanılır.