CSS ile yazının rengi nasıl değiştirilir?

CSS ile bir yazının rengini, arka plan rengi değiştirmek oldukça kolaydır. Fakat renk yapılarının kendi içerisinde birden çok kullanımı bulunmaktadır. Bu nedenle CSS Renk Yapıları başlığı içerisinde bulunan renk yapılarının ne olduğunu bilmeniz sizin için yeterli olacaktır.

Eğer CSS Renk Yapıları yazısını okuduysanız bu durumda yapmanız gereken tek şey seçili olan elementin color veya background-color değerine etki etmek olacaktır.

CSS "color" komutu nedir? Ne işe yarar?

color değeri seçili olan elementin içerisindeki yazının rengini doğrudan değiştirmek için kullanılmaktadır.

.text{
  color: #DEF9C4; /* Hexadecimal renk kodu DEF9C4*/
}

CSS "background-color" komutu nedir? Ne işe yarar?

CSS background-color değeri nedir? Sadece seçili olan yazının değil, HTML içerisinde bulunan neredeyse (boyutlandırılmamış "inline" elementler vb. hariç) bütün elementler için arka plan rengini temsil etmektedir.

.text{
  backgroun-color: rgb(54, 194, 206); /*CSS RGB Fonksiyon Rengi*/
}

Her ikisini aynı anda kullanıp, seçilen ".text" class isimli HTML elementinin hem rengini, hem de arka plan rengini değiştirmek için:

.text{ 
  color: orange; /* Ön Tanımlı Renk */
  background-color: lightblue; /* Ön Tanımlı Renk */
}

Yukarıdaki gibi yazılabilir. Böylelikle yazıların rengini dilediğiniz gibi değiştirebilirsiniz 😊

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 l...