Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir CSS eğitim dersidir. Eğitmen, önceki derste grup selectorları gösterdikten sonra, bu derste elemanları özelliklerine göre seçme yöntemlerini anlatmaktadır.
- Video, CSS'de element seçimi için çeşitli yöntemleri adım adım göstermektedir. Eğitmen önce temel özellik seçimi (örneğin p etiketlerinin title özelliğine göre), ardından tilde işareti kullanarak belirli bir kelimenin geçtiği elemanları seçme, başlangıç veya bitiş değerlerine göre seçim yapma ve birden fazla özelliğe göre seçim yapma tekniklerini örneklerle açıklamaktadır. Ayrıca form elemanları (input, button) için de benzer seçimlerin nasıl yapılacağı gösterilmektedir. Video, bir sonraki derste pseudo-element kavramını göreceğimizi belirterek sona ermektedir.
- 00:01CSS'de Eleman Seçimi
- Önceki derste grup selectorları gösterildi, şimdi ise elemanları özelliklerine göre seçme konusu ele alınacak.
- İmg etiketi için src, a etiketi için href gibi özelliklere göre etiketler seçilebilir.
- Bre editörü dikey olarak dört parçaya bölünmüş, sağ tarafta indeks, sol tarafta ve sağ tarafta görüntüsü bulunuyor.
- 00:32Özelliklere Göre Seçim
- P etiketlerini title özelliğine göre seçmek için "p[title='title']" şeklinde yazılır ve seçilen elemanlara border özelliği uygulanabilir.
- Padding özelliği ile kutunun çerçeveleri ile içerik arasındaki mesafe artırılabilir.
- Sadece etribut ismine göre seçim yapıldığında, belirli bir özellik olması yeterlidir.
- 01:55Koşullu Seçim
- Bir etributun belirli bir değere sahip olması durumunda seçim yapılabilir, örneğin "p[title='title']" şeklinde yazılır.
- Tilde işareti (~) kullanılarak, belirli bir kelimenin etribut içerisinde geçmesi yeterli olabilir.
- Başlangıç veya bitiş için tilde işareti kullanılabilir, örneğin "p[title~='title']" veya "p[title=$'title$']" şeklinde.
- 05:18Çoklu Özellik Seçimi
- Bir elemanın birden fazla özelliğe sahip olması durumunda seçim yapılabilir, örneğin "a[href='youtube']" ve "a[target='_blank']" şeklinde.
- Form elemanları için de benzer şekilde seçim yapılabilir, örneğin "input[type='text']" şeklinde.
- Padding özelliği ile butonların genişliği artırılabilir ve arka plan rengi değiştirilebilir.
- 08:01Diğer Özellikler
- Img etiketinin width, height gibi özelliklerine göre seçim yapılabilir.
- A etiketinin href ve target özelliklerine göre seçim yapılabilir.
- Bir sonraki derste pseudo-element kavramı ele alınacak.