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 Selectors || CSS Seçiciler

CSS seçiciler nedir? Nasıl kullanılır?

CSS ile HTML <body></body> elementi içerisinde bulunan bütün elementler seçilebilir ve sahip olduğu tasarımlar değiştirilebilir. Bu konu uzun bir konu olduğundan kaynaklı, ilgili yazıları parçalar hâlinde yazarak, belli başlıklar altında yazmaya karar verdik. Bu başlıklarıımız sırası ile:

a) Temel Seçiciler ,
b) Kombine (Kompleks) Seçiciler ,
c) Attribute (Öz Nitelik) Seçiciler ,
d)

CSS Renk Yapıları

CSS'te renk yapılarının önemi nedir?

CSS, genel itibariyle sayfanın tasarımın ele alan bir yapıdır. Bu nedenle CSS'in içersinde bulunan renk yapıları aslında belkide CSS'in en önemli başlıklarından birisidir. Eğer ki renk yapıları bilinmezse bu durumda rahat bir şekilde kod yazılamaz ve böylelikle kod yazarken kendimizi yormuş oluruz. Tabiki bugünkü yazımızı okumadan önce CSS ile HTML elementlerine nasıl erişilir başlığını okumanız gerekmektedir. Elementlere erişimi başarılı bir şekilde yaptıktan sonra artık renklendirme işlemlerine başlayabiliriz.

CSS içerisinde kaç farklı renk yapısı bulunmaktadır?

CSS içerisinde toplamda 6 farklı renklendirme yapısı mevcuttur. Renklerin 6 farklı yapıda bulunmasının nedeni her ...