CSS Nedir?
Standart bir söz vardır; "HTML bir bina ise CSS onun boyası, tasarımı, iç ve dış kaplamasıdır." Bir web sayfasının tasarımından sorumlu olan konudur. CSS kelimesinin tam açılımı "Cascading Style Sheets" şeklindedir. Türkçe anlamı ile "Basamaklı Stil Şablonu" anlamına gelmektedir. Basamaklı olmasının nedeni kodların yukarıdan aşağıya, sağdan sola doğru sıralı şekilde okunması sebebiyledir. CSS aslında mükemmeldir, zira renksiz, karanlık, siyah beyaza mâhkum olan yazılımı adeta renkli cıvıl cıvıl bir hâle getirir. Özellikle günümüz web sitelerinin kullanıcılarını cezbedebilmesi için CSS konusuna ciddi ve gerekli değerler yazılımcı arkadaşlar tarafından kesinlikle verilmelidir. Aksi hâlde web siteniz kullanıcıların beğenisine kavuşmaz ve kullanıcı kaybedebilirsiniz. Tabi bir sitenin kalitesini gösteren tek etken CSS değil lakin CSS çok büyük bir etken :) Kısaca en büyük o mu bilmem ama çok büyük, şaka şaka gözünüzde büyütmeyin, gerektiği kadar çalışıp çabalarsanız çok kısa sürede çözersiniz kendisini, haydin iyi günler. Bu yazı Yazılım Tarihi başlığının altında olduğu için CSS hakkında sadece ne işe yaradığını anlattım. Eğer CSS'in detaylarını görmek nasıl kullanıldığını öğrenmek istiyorsanız, CSS başlığına gidebilirsiniz.
CSS, Pseudo - Class (Sözde Sınıf) Seçiciler
Psudo, kelime anlamı ile "sahte" manasına gelmektedir. Bu nedenle aslında bu işlemler içerisinde yapmış olduğumuz seçim işlemleri, doğrudan elementin sahip olduğu değerler değil, olması beklenen değerlerdir. CSS, Pseudo - Class Seçicileri konusunun daha iyi anlaşılması için 6 farklı başlık altında bir yazım gerçekleştireceğiz. Bunlar; Genel Pseudo-class seçiciler, Form elemanlarına yönelik Pseudo-class seçiciler, Ebeveyn - Çocuk ilişkisine yönelik Pseudo-class seçiciler, Elemanın türüne yönelik Pseudo-class seçiciler, İçerik durumuna yönelik Pseudo-class seçiciler ve en son olarak Kök eleman seçici şeklindedir.
CSS Genel Pseudo-class seçiciler
En sık kullanılan Pseudo-class seçicileridir. Birden çok Genel Pseudo-class yapısı...
CSS, Attribute (Öz Nitelik) Seçiciler (Attribute Selectors)
HTML elementinin sahip olduğu herhangi bir özelliği biliyorsak bu durum o elemente sadece sahip olduğu Attribute (Öz Nitelik) değeri ile erişim sağlamak mümkünüdür. Fakat öz nitelik seçme işlemleri de kendi içerisinde 7 farklı alana ayrılmaktadır.
1) Sadece Attibute değeri bilinen elementi yakalama:
Eğer seçilmek istenilen elementin, Attibute değeri biliniyor fakat sahip olduğu "value" değeri bilinmiyorsa
<a href="https://bilimekseni.com">This page</a>
[href]{
color: orange;
}
Bu durumda yukarıdaki gibi bir işlem ile tüm href özelliğine sahip ola...